JSONP相关

JSONP过程:
请求方:aaa.com 的前端程序员(浏览器)
响应方:bbb.com 的后端程序员(服务器)

请求方创建 script,src 指向响应方,同时传一个查询参数 ?callbackName=yyy
响应方根据查询参数callbackName,构造形如
yyy.call(undefined, '你要的数据')
yyy('你要的数据')
这样的响应
浏览器接收到响应,就会执行 yyy.call(undefined, '你要的数据')
那么请求方就知道了他要的数据
这就是 JSONP

约定:

callbackName -> callback
yyy -> 随机数 fghjkl12312312312321325() 用过之后下次在后面+就可以

jQuery 用法:
$.ajax({//////并不是真的AJAX
url: "http://yyy.com:8002/pay",
dataType: "jsonp",
success: function( response ) {
if(response === 'success'){
amount.innerText = amount.innerText - 1
}
}
})

JSONP为什么不支持POST请求?

  1. JSOPN动态创建script
    2.动态创建只能用GET,不能用POST
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. JSONP的实现原理 JSONP是通过动态创建script实现的。请求方:frank.com 的前端程序员(...
    王童孟阅读 491评论 0 2
  • 一、数据库是什么鬼 文件系统是一种数据库; MySQL 是一种数据库; 只要能长久地存数据,就是数据库 111 2...
    饥人谷_小霾阅读 148评论 0 0
  • 到底什么是JSONP?它和JSON到底有什么关系?这是我碰到JSONP时脑海里的浮现的第一个问题。先看看维基百科上...
    stephenoo阅读 722评论 0 0
  • 局部刷新怎么做? 有没有想过,不返回 HTML,返回 JS 方案一:用图片造 get 请求 方案二:用 scrip...
    加油吧_阅读 267评论 0 0
  • 到底什么是JSONP?它和JSON到底有什么关系?这是我碰到JSONP时脑海里的浮现的第一个问题。先看看维基百科上...
    黄威_f537阅读 624评论 0 0