用 JavaScript 通过 URL 请求 JSON 并插入到 HTML 的问题

[islujw]

现需通过 magicseaweed 网站的 API 来显示近期数据。

通过带 KEY 的 URL 可以加载到 JSON 信息，如何用 JavaScript 完成加载解析呢？转为 JavaScript 对象后将插入到 HTML 中。

API 说明地址： https://magicseaweed.com/developer/forecast-api

在 W3CSchool 看了 JSON 的使用，但并未提到 URL 请求的方法。本人也是初次接触这个，但急于完成任务，搜了一圈后似乎也没有可靠的答案，希望大佬们不吝赐教，先谢过了。

[learnshare]

jQuery $.get

[rubycedar]

ajax 异步请求后在回调里面操作 dom

[denano]

“并未提到 URL 请求的方法”你要问的是这个吗？去学下 xmlhttprequest，或者更直接点 ajax

[tailf]

直接 Ajax 会跨域，建议用后端语言来做。

[SourceMan]

你这个前置技能缺的有点多

[islujw]

@SourceMan 我不是程序员。

[ai277014717]

不会前端都听说过 ajax

[skywolf]

异步回调解析处理前端页面

[moxiaonai]

刚才在这个帖子下面回了个链接。ip 被封了，现在还是开代理进来的，吊大的能告诉我，ip 封多久，怎么解封！

[bombless]

看了下这也不全是前端的问题，还得跨域呢
访问极少（每天不足一千次访问啥的）的情况下还不如在后端请求好了

不过我猜 po 主是要在本地打开 html 文件完成，建议改成类似 node-webkit 啥的好了，233

[mskf]

涉及跨域就用 jsonp,cors，不涉及跨域就用 ajax

[wallriding]

var div= $('#my-div');
var queryUrl = "https://.../api";
$.getJSON(queryUrl, function (result) {
var data = $.parseJSON(result);
if (data && typeof data === 'object' && data !== null) {
var dates = data['Dates'];
var row = '<div>' + dates + '</div>';
div.append(row);
}
}

[mingl0280]

这个要跨域，建议你服务器上做一下代理（请求少）以规避跨域问题……

[imswing]

去 MDN 看 XHR