专栏首页编程坑太多JSONP跨域ajax请求

JSONP跨域ajax请求

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

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

2.jsonp实现过程:

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

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

3.用jQuery实现jsonp

$.ajax({
 url: "http://jack.com:8002/pay",
 dataType: "jsonp",
 success: function( response ) {
     if(response === 'success'){
     amount.innerText = amount.innerText - 1
     }
 }
 })

本文分享自微信公众号 - 编程坑太多(idig88),作者:诸葛阿明

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2018-04-05

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 「docker实战篇」python的docker-打造多任务端app应用数据抓取系统-系统介绍(27)

    IT故事会
  • Django -自定义命令

    IT故事会
  • 『互联网架构』软件架构-解密电商系统-秒杀消息队列异步下单(79)

    PS:BAT这种大公司里面的秒杀系统,一般涉及到7,8个中心,每个中心之前可能有2个开发人员,一个秒杀系统大概15,16个人员,在加上单元测试人员,功能测试人员...

    IT故事会
  • 大厂是如何搭建大数据平台架构?

    今天我们来看一下淘宝、美团和滴滴的大数据平台,一方面进一步学习大厂大数据平台的架构,另一方面也学习大厂的工程师如何画架构图。通过大厂的这些架构图,你就会发现,不...

    程序IT圈
  • 原生JS | 逻辑操作符的短路问题

    HTML5学堂-码匠:短路,并不仅仅存在于物理学当中,JavaScript中的逻辑操作符也有短路问题,这个问题时常作为前端的考点出现哦! 面试真题 var a ...

    HTML5学堂
  • 大数据安全市场现状和需求分析

    后web2.0时代,互联网、物联网每天都在生产大量数据,人们对于这些庞大数据资源的价值渴求,使得“大数据”的概念得以问世。如果说“数据”是支撑未来核心技术的基础...

    企鹅号小编
  • Spring 5 响应式开发

    dys
  • 2018年工业互联网平台架构和产业生态(含PDF下载)一、 工业互联网平台体系架构二、  工业互联网平台七大核心技术交织融合三、四类平台企业、 五大支撑主体、两类平台用户共同构筑平台产业体系四、工业互

    工业互联网平台是面向制造业数字化、网络化、智能化需求, 构建基于海量数据采集、汇聚、分析的服务体系,支撑制造资源泛在连接、弹性供给、高效配置的工业云平台,包括边...

    辉哥
  • RadioButtonList数据项不改变依然执行改变事件

    问题:使用RadioButtonList导航到其他页面,当点击一数据项出现新页时候,关闭新页,再点击此数据项,由于数据项没有改变,所以不能触发他的Selecte...

    hbbliyong
  • OpenCV 2.4.9 支持向量机(SVM)说明

    本文翻译自OpenCV 2.4.9官方文档《opencv2refman.pdf》。 前言 Originally, support vector machine...

    剑影啸清寒

扫码关注云+社区

领取腾讯云代金券