前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >JSONP跨域ajax请求

JSONP跨域ajax请求

作者头像
IT架构圈
发布2018-06-01 12:18:13
1.9K0
发布2018-06-01 12:18:13
举报
文章被收录于专栏:IT架构圈

1.jsonp是用来实现跨域通信的一种方法。原理如下:

代码语言:javascript
复制
利用script标签的src属性来实现跨域,即:在客户端动态添加script然后将url指向要请求的地址;
将前端方法作为参数传递到服务器,服务器响应之后再返回

2.jsonp实现过程:

代码语言:javascript
复制
 请求方:frank.com 的前端程序员(浏览器)
 响应方:jack.com 的后端程序员(服务器)
 请求方创建 script,src 指向响应方,同时传一个查询参数 ?callbackName=yyy
 响应方根据查询参数callbackName,构造形如
 yyy.call(undefined, '你要的数据')
 yyy('你要的数据')
 这样的响应
 浏览器接收到响应,就会执行 yyy.call(undefined, '你要的数据')
 那么请求方就知道了他要的数据

大家的约定为: callbackName -> callback yyy -> 随机数 adsfaf12312312312321325()

3.用jQuery实现jsonp

代码语言:javascript
复制
$.ajax({
 url: "http://jack.com:8002/pay",
 dataType: "jsonp",
 success: function( response ) {
     if(response === 'success'){
     amount.innerText = amount.innerText - 1
     }
 }
 })
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2018-04-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 编程坑太多 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档