位置: 编程技术 - 正文

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二级导航栏)

  • 单位当月未扣社保怎么处理分录?
  • 总分机构是什么
  • 年报现金流量表可以不填吗
  • 加油票抬头开错可以更换吗
  • 打印复印费的明细怎么开?
  • 预付房租的会计科目
  • 出售股份的印花税怎么做分录?
  • 分摊费用怎么说合适
  • 负数发票需要抵扣吗
  • 注册商标成功的标志图片
  • 电子发票开错了怎么解决?
  • 小规模纳税人装修费用计入什么科目
  • 供暖税收分类编码是多少
  • 房产税要来了!租金也要交,最高达到12%
  • 购进一批材料,材料已经入库
  • 税务年报网上怎么申报小微企业
  • 无租使用房产协议
  • 如何能屏蔽自动扣费服务
  • 开办费摊销从什么时候开始
  • 上海个人所得税计算器
  • 如何在电脑管家下载软件
  • windows账户名a
  • php做
  • 笔记本电池的正负极区分
  • 外币债券汇兑损益怎么算
  • PHP:Memcached::replaceByKey()的用法_Memcached类
  • 2022年苹果iphone14视频配音乐
  • php替换字符串中的某个字符
  • php composer自动加载
  • 小规模减免的附件有哪些
  • 负数发票跨月怎么做账
  • 3d检测软件
  • 支付员工交通费怎么入账
  • gpt3 plug
  • iscsiadm命令详解
  • abap webservice
  • 企业季度预缴土地出让金
  • 旅行社专票开票内容的规定
  • 发票违法行为的认定
  • 现金劳务收入会计分录
  • 出口生产型企业
  • mongodb基础知识
  • 如何保护数据库
  • 电汇和票汇
  • mysql添加远程访问
  • 技术服务费可以计入成本吗
  • 服务业小规模纳税人全套做账
  • 结转本年利润的摘要怎么写
  • 印花税不小心申报几次怎么办
  • 虚购发票进项税怎么处理
  • 一般纳税人免税额度
  • 供应链公司的骗局招司机是真的吗
  • 百旺购货方红字信息表怎么开具
  • 税收返还如何做账
  • java调用jni
  • ssms连接mysql
  • redhat6.5安装图形界面
  • windowsandbox
  • 删除windowsapp
  • 一键ghost的功能
  • win7旗舰版和家庭版哪个对电脑要求低
  • find linux命令详解
  • linux i3桌面
  • 如何改进个人工作作风
  • js中date对象
  • myeclipse2013安装配置
  • 图像unit8
  • css 间距
  • opencv与pil
  • 让图片垂直居中
  • linux shell有什么用
  • js原型作用
  • jquery warp
  • div.remove
  • 湖南省电子税务局登录
  • 2018年小微企业所得税优惠政策
  • 什么是"五证合一"登记制度?办理"五证合一"程序和方案
  • 注册地址和税务登记可以不一致吗
  • 衡阳地税局的地理位置
  • 个体工商户开发票怎么开
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设