jQuery跨域，添加自定义头部header

2019独角兽企业重金招聘Python工程师标准>>>

1、前端jQuery代码

$.ajax({crossDomain: true,beforeSend: function(req) {req.setRequestHeader("token", token);req.setRequestHeader("auth", auth);},url:'http://baidu.com',data:{},method:'get',dataType:'json',success:function(data) {}});

2、服务器端对于要访问的地址，要设置响应头

response.addHeader("Access-Control-Allow-Origin", "*");//支持全域名访问，不安全，部署后需要固定限制为客户端网址
response.addHeader("Access-Control-Allow-Headers", "x-requested-with,content-type,token,auth");//响应头 请按照自己需求添加。
response.addHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");//支持的http 动作

x-requested-with,content-type 后面要加上，允许传递的头部参数

另外，对于跨域请求，浏览器会先针对请求地址，发送一次 OPTIONS 类型的请求，确保服务器是能够接受跨域请求，如果此时服务器在响应头中没有任何设置，浏览器则不会发起正式请求（GET、POST、DELETE、PUT请求），会提示请求失败。

所以服务器端，根据各自的需求，有时候同一个接口地址要多写一个 OPTIONS 接口，什么都不做，只用来设置响应头。

参考博客：http://www.cnblogs.com/cdemo/p/5158663.html

转载于:https://my.oschina.net/u/555639/blog/890179

jQuery跨域，添加自定义头部header相关推荐

jquery跨域调用wcf
使用jquery跨域调用wcf服务的时候会报如下错误 1 $.ajax({ 2 url: 'http://localhost:28207/Service1.svc/GetData', 3 method ...
Jquery跨域获得Json
这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值, 一般跨域用到的两个方法为:$.ajax 和$.get ...
Jquery跨域请求php数据（jsonp）
Jquery跨域请求php数据我们一般用到ajax的时候是在同服务器下,一般情况下不会跨域,但有时候需要调用其他域名或ip下的数据的时候,遇到跨域请求数据的时候. 今天在工作中碰到javascrip ...
jquery跨域调用webService
jquery跨域调用webService,以及解决跨域情况下只能返回XMl格式数据的问题 http://lu.9efish.com/blog/jquery-cross-domain-call-asp. ...
jquery跨域获取数据以及分页
今天做了一个jquery跨域获取josn数据的功能,同时对获取的数据进行分页.看代码: html 代码: 代码 <! DOCTYPE html PUBLIC " -//W3C//DT ...
html form提交增加请求头,怎么给jquery跨域post请求添加头部信息？
跨域,的整序大作站对近从体的家为宽应近从体的家服务器已开放请求接口,用$post可以成功,但是无法添加header信息,用$ajax的话会把post信息换成OPTIONS发送请求,data跟heade ...
iframe跨域嵌套头部
需求不同域名,使用iframe,想互相获取html请查找 navigator.rar文件实现思路使用js listener 消息发送html代码.头部公共菜单使用方法:(原理是将平台的头部菜单代 ...
ext.ajax.request跨域,跨域Ajax访问header中 x-requested-with丢失
前端调用后端接口,本域情况下,ajax方式调用,request header中包含x-requested-with信息. 跨域情况下,request header中不再包含x-requested-wi ...
jquery ajax跨域asp,jQuery跨域调用Asp.Net Web API
Asp.Net Web API是一个轻量级的Web服务,当Web API和Web程序不是部署在同一域的时候,要使用jQuery来实现调用API的接口就存在跨域的问题.下面介绍两种方式来解决jQuery ...

jQuery跨域，添加自定义头部header

jQuery跨域，添加自定义头部header相关推荐

最新文章

热门文章