最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

浅谈JSON和JSONP区别及jQuery的ajaxjsonp的使用_jquery

来源:懂视网 责编:小采 时间:2020-11-27 21:29:12
文档

浅谈JSON和JSONP区别及jQuery的ajaxjsonp的使用_jquery

浅谈JSON和JSONP区别及jQuery的ajaxjsonp的使用_jquery:JSON和JSONP JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息。 JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON)。 JSON是一种数据格式,JSONP是一种数据调
推荐度:
导读浅谈JSON和JSONP区别及jQuery的ajaxjsonp的使用_jquery:JSON和JSONP JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息。 JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON)。 JSON是一种数据格式,JSONP是一种数据调

JSON和JSONP

  JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息。

  JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON)。

  JSON是一种数据格式,JSONP是一种数据调用方式。

代码如下:
//JSON
{
“name”: “sb”
}

代码如下:
//JSONP
callback({
“name”: “sb”
})

  出于安全考虑,脚本(AJAX)不能访问非本域的内容。但是,静态资源是不受域策略限制的,可以加载任意域的脚本、样式、图片等静态资源,JSOP就是利用这种原理来实现跨域获取数据的。

例1:

代码如下:
//定义shoPrice函数
function showPrice(data) {
alert("Symbol: " + data.symbol + ", Price: " + data.price);
}

代码如下:
//在Web页面中包含showPrice函数和参数

ajax请求参数说明:

dataType String

预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如XML MIME类型就被识别为XML。在1.4中,JSON就会生成一个JavaScript对象,而script则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含的script标签会在插入dom时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了"cache"参数。'''注意:'''在远程请求时(不在同一个域下),所有POST请求都将转为GET请求。(因为将使用DOM的script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

"text": 返回纯文本字符串

jsonp,

  重写jsonp请求中的回调函数的名称。至俄格值用来替代“callback=?”这种GET或POST请求URL参数里的“callback”部分,例如{jsonp:'onJsonPLoad'}会导致“onJsonPLoad”传递给服务器。

jsonpCallback,

  为jsonp指定一个回调函数名。这个值将用来取代jQuery自动生成的随机函数名。这主要用来让jQuery生成度独特的函数名,这样管理请求更容易,也能方便地提供回调函数和错误处理。你也可以在想让浏览器缓存GET请求的时候,指定这个回调函数名。但是实际使用过程中,并不用写回调函数,比如此例中的showPrice,不写也不会报错,因为jQuery在处理JSONP的时候,自动帮你生成回调函数并且把数据取出来共success方法调用。可能像这样:

代码如下:
function success_jsonpCallback(data) { success(data); }

文档

浅谈JSON和JSONP区别及jQuery的ajaxjsonp的使用_jquery

浅谈JSON和JSONP区别及jQuery的ajaxjsonp的使用_jquery:JSON和JSONP JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,用于在浏览器和服务器之间交换信息。 JSONP(JSON With Padding),就是打包在函数调用中的的JSON(或者包裹的JSON)。 JSON是一种数据格式,JSONP是一种数据调
推荐度:
标签: json json和 jsonp
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top