当前位置：首页 > 资讯 > 技术文档

JSONP之我见

时间：2022-04-28 00:33 编辑：来源：阅读：
扫一扫，手机访问

摘要：JSONP之我见

JavaScript初学，一点自己的理解，有不当之处请大家指正~ [b]JSONP：[/b] 本地html文件要获取xxx网站（跨域）数据时使用的方法。 [b]跨域问题：[/b] 外部服务器的数据只能用外部服务器中的js访问，本地js无法用XMLHttpRequest()访问。外部服务器中的Web服务提供JSON数据，比如在[url=http://gumball.wickedlysmart.com/]http://gumball.wickedlysmart.com/[/url]中，数据包含在函数updateSales中作为参数，现在要在本地html中访问外部服务器中的JSON数据该怎么办呢？ 1，查看Web服务文档，明确服务实际使用的参数名（本例只有一个参数即一个对象数组）； 2，在url中指定一个回调函数，[url=http://gumball.wickedlysmart.com/?callback=updateSales]http://gumball.wickedlysmart.com/?callback=updateSales[/url]，用来指定Web服务中访问JSON数据的函数名； 3，在本地js文件中使用刚才定义的函数名创建函数updateSales(对象),编写处理得到外部JSON数据的方法； 4，在html文件中的<body>标签下使用<script>标签链接到外部Web服务，url为2中的那个路径。 [b]总结：[/b] JSONP目的在于提供给本地html一个函数接口（本地html可通过在url后方加入？callback=functionName的方法指定函数名），为了确保数据访问的安全，服务器将安全的数据放在回调函数的参数中，函数内部的参数就是服务器提供给本地的数据，至于怎么使用这些数据就要在本地的js中定义这个callback函数了。注意：本地使用JSONP请求访问Web服务，可能会获取不安全的Js代码，所以要确保信任这个Web服务。 [b]JSONP与XMLHttpRequest：[/b] XMLHttpRequest用于开发内部Web服务，内部访问内部，同域访问会更加简便。访问外部数据时（跨域访问）就要使用JSONP。以上所述就是本文的全部内容了，希望大家能够喜欢，能够对大家学习jsonp有所帮助。

全部评论(0)

上一篇：JSON 编辑器实现代码
下一篇：XML的代替者----JSON

资讯排行榜
更多>>