首页 / JSON / JSONP之我见

JSONP之我见

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JSONP之我见，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1372字，纯文字阅读大概需要2分钟。

内容图文

JavaScript初学，一点自己的理解，有不当之处请大家指正~

JSONP：

本地html文件要获取xxx网站（跨域）数据时使用的方法。

跨域问题：

外部服务器的数据只能用外部服务器中的js访问，本地js无法用XMLHttpRequest()访问。

外部服务器中的Web服务提供JSON数据，比如在http://gumball.wickedlysmart.com/中，数据包含在函数updateSales中作为参数，现在要在本地html中访问外部服务器中的JSON数据该怎么办呢？

1， 查看Web服务文档，明确服务实际使用的参数名（本例只有一个参数即一个对象数组）；
2， 在url中指定一个回调函数，http://gumball.wickedlysmart.com/?callback=updateSales，用来指定Web服务中访问JSON数据的函数名；
3， 在本地js文件中使用刚才定义的函数名创建函数updateSales(对象),编写处理得到外部JSON数据的方法；
4， 在html文件中的<body>标签下使用<script>标签链接到外部Web服务，url为2中的那个路径。

总结：

JSONP目的在于提供给本地html一个函数接口（本地html可通过在url后方加入？callback=functionName的方法指定函数名），为了确保数据访问的安全，服务器将安全的数据放在回调函数的参数中，函数内部的参数就是服务器提供给本地的数据，至于怎么使用这些数据就要在本地的js中定义这个callback函数了。

注意：本地使用JSONP请求访问Web服务，可能会获取不安全的Js代码，所以要确保信任这个Web服务。

JSONP与XMLHttpRequest：

         XMLHttpRequest用于开发内部Web服务，内部访问内部，同域访问会更加简便。

         访问外部数据时（跨域访问）就要使用JSONP。

以上所述就是本文的全部内容了，希望大家能够喜欢，能够对大家学习jsonp有所帮助。

内容总结

以上是互联网集市为您收集整理的JSONP之我见全部内容，希望文章能够帮你解决JSONP之我见所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/358727.html

来源：【匿名】