一、使用jQuery中的getJSON()方法获取数据
(1)jQuery代码:
(2)body中的相关代码:
二、处理跨域问题
(1)什么是跨域:
URL | 说明 | 是否允许通信 |
http://www.a.com/a.js http://www.a.com/b.js | 同一域名 | 允许 |
http://www.a.com/a.js http://www.a.com:8000/b.js | 同一域名,不同端口 | 不允许 |
http://www.a.com/a.js https://www.a.com/b.js | 同一域名,不同协议 | 不允许 |
http://www.a.com/a.js http://192.168.1.1/b.js | 域名及其对应IP | 不允许 |
http://www.a.com/a.js http://api.a.com/b.js | 主域相同,网络域名不同 | 不允许 |
http://www.a.com/a.js http://www.b.com/b.js | 域名的主体名不同 | 不允许 |
(2)为什么会有跨域问题:
javascript处于安全方面的考虑,不允许跨域调用其它页面的对象,即同源策略。在ajax应用中,出于安全问题,浏览器默认不支持jQuery的跨域调用。
(3)解决方法:
在数据接收方的地址后面加上参数:callback=?,这个?会被jQuery自动替换成回调方法的名称。