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 的前端程序员(...
    王童孟阅读 370评论 0 2
  • 一、数据库是什么鬼 文件系统是一种数据库; MySQL 是一种数据库; 只要能长久地存数据,就是数据库 111 2...
    饥人谷_小霾阅读 84评论 0 0
  • 到底什么是JSONP?它和JSON到底有什么关系?这是我碰到JSONP时脑海里的浮现的第一个问题。先看看维基百科上...
    stephenoo阅读 432评论 0 0
  • 局部刷新怎么做? 有没有想过,不返回 HTML,返回 JS 方案一:用图片造 get 请求 方案二:用 scrip...
    加油吧_阅读 167评论 0 0
  • 到底什么是JSONP?它和JSON到底有什么关系?这是我碰到JSONP时脑海里的浮现的第一个问题。先看看维基百科上...
    黄威_f537阅读 504评论 0 0
  • 夜莺2517阅读 127,223评论 1 9
  • 版本:ios 1.2.1 亮点: 1.app角标可以实时更新天气温度或选择空气质量,建议处女座就不要选了,不然老想...
    我就是沉沉阅读 5,971评论 1 6
  • 我是黑夜里大雨纷飞的人啊 1 “又到一年六月,有人笑有人哭,有人欢乐有人忧愁,有人惊喜有人失落,有的觉得收获满满有...
    陌忘宇阅读 7,689评论 28 53
  • 兔子虽然是枚小硕 但学校的硕士四人寝不够 就被分到了博士楼里 两人一间 在学校的最西边 靠山 兔子的室友身体不好 ...
    待业的兔子阅读 2,106评论 2 9