JSONP之我见
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有所帮助。
相关文章
json2.js的初步学习与了解，想要学习json的朋友可以参考下。2011-10-10
json全称是JavaScript Object Notation(javaScript对象符号)。JSON是一种结构化的，轻量级的，完全独立于语言的.基于文本的数据传输格式，在许多场合下用来替代xml文件格式。2009-12-12
json.stringify()与json.parse()的区别以及用处
这篇文章主要介绍了json.stringify()与json.parse()的区别以及用处,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要给大家介绍了任意Json如何转成无序列表，文中给出了详细的示例代码，相信对大家的理解和学习具有一定的参考借鉴价值，有需要的朋友们下面跟着小编来一起学习学习吧。2016-12-12
如果json字符串是从html用FlashVars来传递参数时那么字符串中的第一个双引号(包括双引号)以后的内容就不会得到传送.2009-02-02
今天小编就为大家分享一篇json字符串传到前台input的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
本文给大家汇总了一下关于json的相关的知识点，从基础到示例，非常全面，有需要的小伙伴可以参考下。2015-07-07
这篇文章主要介绍了深入分析JSON编码格式提交表单数据的相关资料,需要的朋友可以参考下2015-06-06
JS中JSON.parse(JSON.stringify())实现深拷贝
深拷贝就是完全拷贝一份新的对象,本文主要介绍了JS中JSON.parse(JSON.stringify())实现深拷贝,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2023-08-08
JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非常适合于服务器与 JavaScript 的交互。本文将快速讲解 JSON 格式，并通过代码示例演示如何分别在客户端和服务器端进行 JSON 格式数据的处理。2009-08-08
最新评论