位置: 编程技术 - 正文

jquery中ajax处理跨域的三大方式

编辑:rootadmin

推荐整理分享jquery中ajax处理跨域的三大方式,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

由于JS同源策略的影响,因此js只能访问同域名下的文档。因此要实现跨域,一般有以下几个方法:

一、处理跨域的方式:

1.代理

2.XHR2

HTML5中提供的XMLHTTPREQUEST Level2(及XHR2)已经实现了跨域访问。但ie以下不支持

只需要在服务端填上响应头:

3.jsonP

原理:

ajax本身是不可以跨域的,通过产生一个script标签来实现跨域。因为script标签的src属性是没有跨域的限制的。

其实设置了dataType: 'jsonp'后,$.ajax方法就和ajax XmlHttpRequest没什么关系了,取而代之的则是JSONP协议。JSONP是一个非官方的协议,它允许在服务器端集成Script tags返回至客户端,通过javascript callback的形式实现跨域访问。

ajax的跨域写法:

(其余写法和不跨域的一样):

比如

二、解决ajax跨域访问、 JQuery 的跨域方法

jquery中ajax处理跨域的三大方式

JS的跨域问题,我想很多程序员的脑海里面还认为JS是不能跨域的,其实这是一个错误的观点;有很多人在网上找其解决方法,教其用IFRAME去解决的文章很多,真有那么复杂吗?其实很简单的,如果你用JQUERY,一个GETJSON方法就搞定了,而且是一行代码搞定。

下面开始贴出方法。

注意,getregion.aspx中,在输出JSON数据时,一定要用Request.QueryString["jsoncallback"],将获取的内容放到返回JSON数据的前面,假设实际获取的值为,那么返回的值就是 ([{"_name":"湖南省","_regionId":},{"_name":"北京市","_regionId":}])

因为getJSON跨域的原理是把?随机变一个方法名,然后返回执行的,实现跨域响应的目的。

下面一个是跨域执行的真实例子:

jQuery跨域原理:

浏览器会进行同源检查,这导致了跨域问题,然而这个跨域检查还有一个例外那就是HTML的<Script>标记;我们经常使用<Script>的src属性,脚本静态资源放在独立域名下或者来自其它站点的时候这里是一个url;这个url响应的结果可以有很多种,比如JSON,返回的Json值成为<Script>标签的src属性值.这种属性值变化并不会引起页面的影响.按照惯例,浏览器在URL的查询字符串中提供一个参数,这个参数将作为结果的前缀一起返回到浏览器;

看下面的例子:

这种方式被称作JsonP;(如果链接已经失效请点击这里:JSONP);即:JSON with padding 上面提到的前缀就是所谓的“padding”。那么jQuery里面是怎么实现的呢?

貌似并没有<Script>标记的出现!?OKay,翻看源码来看:

页面调用的是getJSON:

继续跟进

跟进jQuery.ajax,下面是ajax方法的代码片段:

上面的代码第1行到第行:判断是JSON类型调用,为本次调用创建临时的JsonP方法,并且添加了一个随机数字,这个数字源于用日期值;

关注第行,这一行相当关键,注定了我们的结果最终是<Script> ;然后是构造Script片段,第行在Head中添加该片段,修成正果;

不仅仅是jQuery,很多js框架都是用了同样的跨域方案,这就是getJSON跨域的原理。

更多精彩内容,请点击《ajax跨域技术汇总》,进行深入学习和研究。

标签: jquery中ajax处理跨域的三大方式

本文链接地址:https://www.jiuchutong.com/biancheng/379262.html 转载请保留说明!

上一篇:实例详解jQuery结合GridView控件的使用方法(jquery示例)

下一篇:jQuery实现二级下拉菜单效果(jquery二级导航栏)

  • 无偿使用房产需要交哪些税
  • 微信支付宝等三方支付平台余额属于货币资金吗
  • 小规模纳税人月收入多少免征增值税
  • 外购商品发放给员工 进项税额能不能抵扣
  • 出口结汇必须要开票吗
  • 我公司给对方公司付款
  • 如何申请办理残疾证
  • 增值税专票怎么抵扣
  • 税前扣除凭证的内部凭证
  • 小规模纳税人消费税怎么计算
  • 增值税纳税义务发生时间
  • 以前年度少计提折旧怎么做分录
  • 税务征收与管理
  • 员工私人车通行费能抵进项税吗
  • 培训费用开具什么发票
  • 公司奖励旅游算休年假吗
  • 期交保费资金占用年限计算公式
  • 小微企业从业人数包括
  • 酒店产权式经营业主取得的收入按股利红利所得
  • 一般纳税人何种情况不需要交附加税
  • 小程序交易需要什么条件
  • 计提固定资产会计科目
  • 多缴纳的增值税怎么申请抵税
  • win11右下角时间设置
  • 企业在运行过程中会遇到哪些法律问题
  • 软件充值怎么申请退款
  • 报关单上的生产销售单位
  • win11闪屏问题
  • 检验费用会计分录
  • php数组原理
  • DxDebugService.exe是什么进程 DxDebugService进程安全吗
  • 哪家银行理财产品收益率高
  • Stable Diffusion 准确绘制人物动作及手脚细节(需ControlNet扩展)
  • 学生兼职收入按什么交个税
  • 曼哈顿公园大道432号
  • 固定资产折旧的计算方法
  • php缓存机制有哪些
  • 合并报表六大抵消分录
  • 朱砂矿洞的历史
  • nginx解决跨域问题原理
  • 小微企业普惠性税收减免政策2022
  • 交易性金融资产的入账价值
  • python字典按要求
  • 怎么算长期合同
  • 可转债可以不卖吗
  • 利得都需要缴纳企业所得税吗
  • 增值税退税流程怎么操作
  • 外币交易的会计分录怎么写
  • win7系统安装包在哪个文件夹
  • 企业所得税本年累计
  • 企业的利润分配包括哪些
  • 公租房特许经营权转让
  • 充话费送手机业务
  • 员工成本价购买公司商品 税屋
  • 月末应付职工薪酬为负数怎么办
  • 收取客户好处算违法吗
  • 一般纳税人印花税税率是多少
  • mysql查询语句菜鸟教程
  • windows10取消fn功能键
  • 盗版win8 1升级win10
  • xp系统设置锁屏
  • mac怎么f9
  • linux wk
  • win10如何关闭windows安全中心图标
  • vim显示中文乱码
  • windows8开发者预览版中文版ISO下载
  • windows 8改windows 7
  • win8系统怎么还原出厂设置
  • 史上最全的领域学说
  • opengl绘制球面
  • opengl opengl
  • babel es6转es5原理
  • 用原生js写项目
  • javascript 数组
  • unity3d模型怎么制作
  • jquery怎么打开
  • 北京市国家税务局
  • 深圳市的各区域排名
  • 税务设备有什么特点
  • 税控机发票打印机怎么用
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设