解决Json数据跨域问题
2013-04-30 17:17
387 查看
Json跨域获取数据。很多人在用jQuery的getJSON(“xxx”)发现获取不到数据,纠结了很久才发现是跨域问题 今天来分享一下我是怎么解决Json数据跨域问题的
上面是 http://m.weather.com.cn/data/101010100.html气象局返回的Json 而我们在直接用
$.getJSON("http://m.weather.com.cn/data/101010100.html", function (data) {
//
});
会发现浏览器控制台提示这样的错误 :
我这里用到的是YQL来解决跨域问题的
$("#content").text(JSON.stringify(data.query.results)); 在这里是把json对象转换为字符串,因为是字符串所以我们取不到json数据里面的值 我们可以通过JSON.parse()的方法对文本数据转换生成json数据结构
通过添加断点调试可以看到J_data是什么
看到这里我们就不难取到下面的值了
完美解决问题.
很多人不知道json2怎么用 我在这里给出一个json2的学习连接 http://www.cnblogs.com/beijia/archive/2011/10/05/json2.html
里面有详细介绍 希望有帮助到大家~!
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>Json跨域解决办法</title> 5 <script src='http://code.jquery.com/jquery-1.8.0.js' type='text/javascript'></script> 6 <script type="text/javascript" src="https://github.com/douglascrockford/JSON-js/blob/master/json2.js"></script> 7 </head> 8 <body> 9 <div id="content"> 10 </div> 11 <script> 12 $(function () { 13 $.getJSON("http://query.yahooapis.com/v1/public/yql", { 14 q: "select * from json where url=\"http://m.weather.com.cn/data/101010100.html\"", 15 format: "json" 16 }, function (data) { 17 if (data.query.results) { 18 $("#content").text(JSON.stringify(data.query.results)); 19 var J_data = JSON.parse(JSON.stringify(data.query.results)); 20 alert(J_data.weatherinfo.city); 21 22 } else { 23 $("#content").text('no such code: ' + code); 24 } 25 }); 26 }); 27 </script> 28 </body> 29 </html>
上面是 http://m.weather.com.cn/data/101010100.html气象局返回的Json 而我们在直接用
$.getJSON("http://m.weather.com.cn/data/101010100.html", function (data) {
//
});
会发现浏览器控制台提示这样的错误 :
我这里用到的是YQL来解决跨域问题的
$("#content").text(JSON.stringify(data.query.results)); 在这里是把json对象转换为字符串,因为是字符串所以我们取不到json数据里面的值 我们可以通过JSON.parse()的方法对文本数据转换生成json数据结构
通过添加断点调试可以看到J_data是什么
看到这里我们就不难取到下面的值了
完美解决问题.
很多人不知道json2怎么用 我在这里给出一个json2的学习连接 http://www.cnblogs.com/beijia/archive/2011/10/05/json2.html
里面有详细介绍 希望有帮助到大家~!
相关文章推荐
- JSONP的工作原理,如何解决跨域问题,以及JSON 和XML数据格式的区别
- dhl:ajax无法跨域改用getJSON(解决服务器返回json数据中文为乱码的问题$.ajaxSetup({ scriptCharset: "utf-8" , contentType: "application/json; chars)
- jquery用jsonp方式跨域获取json数据原理(解决jquery跨服务器权限受限问题)
- 解决Json数据跨域问题
- java后台设置可跨域访问,前端ajax获取json数据,解决浏览器限制跨域访问的问题
- asp.net mvc利用Json验证数据和导向页面,解决重复提交问题
- 同时执行多个$.getJSON() 数据混乱的问题的解决
- 解决json-lib处理存在级联关系的pojo的json数据生成的问题
- cxf web service 解决返回的json格式数据乱码问题
- 下载文件名字乱码问题,json_encode解决Ajax 返回字符串数据不显示问题
- PHP解决跨域数据请求问题
- Android—Volley:接收服务端发送的json数据乱码问题解决
- $.ajax解决跨域问题 关于json与jsonp格式的区别
- Vue proxyTable 开发环境下前端和后端真实数据对接问题和解决跨域
- 解决IE浏览器下上传文件返回Json数据提示下载的问题。
- Android 解决Retrofit请求数据,数据过多,返回json数据乱码问题
- 解决在OFFICE平台传输数据慢的问题,使用GZIP+JSON替代WEBSERVICE提供数据
- spring 返回 JSON乱码问题的解决 及个人 动态加载ztree树结构的json数据代码
- jquery php json cookie ajax 解决跨域的问题
- H5中用postMessage传递数据,解决localStorage不能跨域问题