jsonp学习汇总
为什么要使用jsonp?
为了解决在不同域名下,即跨域(参考JavaScript同源策略)获取数据的问题。
这是同域请求
<script src='//libs.baidu.com/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> $.ajax({ url: 'http://127.0.0.1/a.json', dataType: "json", success: function (data) { console.log(data); } }); </script>
a.json
{ "name": "sun", "age": 10 }
如果换成跨域?
<script src='//libs.baidu.com/jquery/2.0.0/jquery.min.js'></script> <script type="text/javascript"> $.ajax({ url: 'http://www.sun.cn/a.json', dataType: "json", success: function (data) { console.log(data); } }); </script>
提示跨域了,现在就需要jsonp出马。
Continue reading