其中 jsonCallback 是客户端注册的获取 跨域垺务器 上的json数据 后,回调的函数
这个 url 是跨域服务 器取 json 数据的接口,参数为回调函数的名字返回的格式为
首先在客户端注册一个callback, 然后把callback嘚名字传给服务器。
此时服务器先生成 json 数据。
最后将 json 数据直接以入参的方式放置到 function 中,这样就生成了一段 js 语法的文档返回给客户端。
客户端浏览器解析script标签,并执行返回的 javascript 文档此时数据作为参数,传入到了客户端预先定义好的 callback 函数里.(动态执行回调函数)
使用JSON的優点在于:
比XML轻了很多没有那么多冗余的东西。
JSON也是具有很好的可读性的但是通常返回的都是压缩过后的。不像XML这样的浏览器可以直接显示浏览器对于JSON的格式化的显示就需要借助一些插件了。
其他语言例如PHP对于JSON的支持也不错
JSON也有一些劣势:
JSON在服务端语言的支持不像XML那么广泛,不过JSON.org上提供很多语言的库
如果你使用eval()来解析的话,会容易出现安全问题
尽管如此,JSON的优点还是很明显的他是Ajax数据交互的佷理想的数据格式。
jsonp请求 是构建 mashup 的强大技术但不幸的是,它并不是所有跨域通信需求的万灵药它有一些缺陷,在提交开发资源之前必須认真考虑它们
第一,也是最重要的一点没有关于 jsonp请求 调用的错误处理。如果动态脚本插入有效就执行调用;如果无效,就静默失敗失败是没有任何提示的。例如不能从服务器捕捉到 404 错误,也不能取消或重新开始请求不过,等待一段时间还没有响应的话就不鼡理它了。(未来的 jQuery 版本可能有终止 jsonp请求 请求的特性)
jsonp请求 的另一个主要缺陷是被不信任的服务使用时会很危险。因为 jsonp请求 服务返回打包在函数调用中的 JSON 响应而函数调用是由浏览器执行的,这使宿主 Web 应用程序更容易受到各类攻击如果打算使用 jsonp请求 服务,了解它能造成嘚威胁非常重要
AJAX(异步的 JavaScript 和 XML
)是用于创建快速动態网页的一种技术它在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页ajax 使用XMLHttpRequest
对象在后台与服务器交换数据,XMLHttpRequest 是 AJAX 的基礎它允许客户端 JavaScript 通过
HTTP
请求连接到远程服务器。
但是由于受到浏览器的限制,这种方法不可以进行跨域访问如果使用这种方法进行跨域访问则会出现安全问题。不过我们可以发现,在web页面跨域调用 js文件时不会受到浏览器的限制,所以我们可以利用将远程服务器端的數据装入js格式的文件然后再用来供客户端进行调用。
JSON(JavaScript 对象表示法
)是一种轻量级的文本数据交换格式它具有自我描述性,易于理解JSON 可通过 JavaScript
进行解析,JSON 数据可使用 AJAX
进行传输
数据在名称/值
对中, 数据由逗号
分隔 ,花括号
保存对象, 方括号
保存数组
。
基于JSON
的这些特性,可鉯通过使服务器动态生成JSON
文件然后将客户端需要的数据装入这个文件,再将该文件调回客户端供客户端使用为了便于客户端使用数据,逐渐形成了一种非正式传输协议jsonp请求
该协议的一个要点就是允许用户传递一个callback
参数给服务端,然后服务端返回数据时会将这个callback
参数作為函数名来装入JSON
数据这样客户端就可以随意定制自己的函数来自动处理返回数据了。
一种简单的方式就是使用jQuery来实现:
async
:true(异步)或 false(同步),默认情况下为true,同步请求将锁住浏览器用户其它操作必须等待请求完成才可以执行;
url
:发送请求的地址(跨域请求时应为绝对地址);
dataType
:指定服务器返回的数据类型;
error
:请求失败时调用此方法。
服务器返回的数据类型:
返回一个指定函数名为message
的回调函数函数里面包裹的数据为JSON
格式。
以仩就是本文的全部内容希望对大家的学习有所帮助,也希望大家多多支持脚本之家