ajax添加自定义header相关代码

最新推荐文章于 2023-08-11 11:15:54 发布
最新推荐文章于 2023-08-11 11:15:54 发布
阅读量2.2k 收藏
点赞数
原文链接：https://blog.51cto.com/u_15154653/2705687
版权

这篇文章主要介绍了ajax添加自定义header相关代码，对于ajax相关知识算是一个不错的补充。想要学习的朋友可以看看了

代码奉上~

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$.ajax({
type: “post”,
url:“http://127.0.0.1:4564/bsky-app/template/testPost”,
contentType: “application/json;charset=utf-8”,
data :JSON.stringify({“bodyName”:“sdfsdf”,“date”:“2017-11-28 07:34:01”,“price”: 10.5,“tbId”: 1}),
dataType: “json”,
beforeSend: function (XMLHttpRequest) {
XMLHttpRequest.setRequestHeader(“token”, “eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiIxOD…”);
},
success: function (data) {
alert(data);
},error:function(error){
console.log(error);
}
});
1
2
3
beforeSend: function (XMLHttpRequest) {
XMLHttpRequest.setRequestHeader(“token”, “eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiIxOD…”);
},
其中，token是服务端自定义的header参数

补充知识：ajax请求携带cookie和自定义请求头header（跨域和同域）

ajax请求携带cookie、自定义header总结：

错误：

1.ajax请求时是不会自动带上cookie的，要是想让他带上的话，必须设置withCredential为true。

正确：

1.ajax同域请求下，ajax会自动带上同源的cookie；

2.ajax同域请求下，ajax添加自定义请求头（或原装）header，前端、后台不需要增加任何配置，

并且不会因为增加自定义请求头header，而引起预检查请求（options）;

3.ajax跨域请求下，如果不需要携带cookie、请求头header，只需要在后台配置相应参数即可；

后台参数：

（1）.Access-Control-Allow-Origin：设置允许跨域的配置， 响应头指定了该响应的资源是否被允许与给定的origin共享；

4.ajax跨域请求下，ajax不会自动携带同源的cookie，需要通过前端配置相应参数才可以跨域携带同源cookie，后台配置相应参数才可以跨域返回同源cookie；

前端参数：

withCredentials: true(发送Ajax时，Request header中会带上Cookie信息)

后台参数：

（1）.Access-Control-Allow-Origin：设置允许跨域的配置， 响应头指定了该响应的资源是否被允许与给定的origin共享；

特别说明：配置了Access-Control-Allow-Credentials:true则不能把Access-Control-Allow-Origin设置为通配符*；

（2）.Access-Control-Allow-Credentials：响应头表示是否可以将对请求的响应暴露给页面（cookie）。返回true则可以，其他值均不可以。

5.ajax请求任何时候都不会带上不同源的cookie（Cookie遵循同源策略）；

6.ajax跨域请求下，ajax添加自定义或者原装的请求头，请求会发送两次，第一次预检查请求，第二次正常请求，详细描述：

post（或GET）跨域请求时，分为简单请求和复杂请求，跨域携带自定义或者原装请求头头时是复杂请求。

复杂请求会先发送一个method 为option的请求，目的是试探服务器是否接受发起的请求. 如果服务器说可以，再进行post（或GET）请求。

对于java后台web应用，跨域需要添加一个过滤器（过滤器详见下面案例代码），这个过滤器做的事就是，加了几个http header在返回中，

Access-Control-Allow-Origin 我能接受的跨域请求来源，配置主机名

Access-Control-Allow-Headers 表示能接受的http头部，别忘了加入你自己发明创造的头部

Access-Control-Allow-Methods 表示能接受的http mothed ，反正就那几种，全写上也无妨，猥琐点就只写 post, options

如果是OPTION返回空，设置返回码为202，202表示通过。

需要前端配置相应参数才可以跨域携带请求头，后台配置相应参数进行跨域携带请求头；

前端参数：

crossDomain:true(发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）)

后台参数（配置预检查过滤器）：

（1）Access-Control-Allow-Origin：设置允许跨域的配置， 响应头指定了该响应的资源是否被允许与给定的origin共享；

（2）Access-Control-Allow-Credentials：响应头表示是否可以将对请求的响应暴露给页面（cookie）。返回true则可以，其他值均不可以；

（3）Access-Control-Allow-Headers:用于预检请求中，列出了将会在正式请求的 Access-Control-Request-Headers 字段中出现的首部信息。（自定义请求头）；

（4）Access-Control-Allow-Methods：在对预检请求的应答中明确了客户端所要访问的资源允许使用的方法或方法列表；

亲测小结论：

1.ajax跨域请求下，后台不配置跨域Access-Control-Allow-Origin，同样能够执行后台方法，但是无法执行ajax的success的方法，控制台报跨域错误；

2.ajax跨域请求下，前端配置withCredentials: false,同样能够执行后台方法，但是无法携带同源cookie，后台无法获取；

3.ajax跨域请求下，前端配置withCredentials: true，后端没有配置Access-Control-Allow-Credentials:true，同样能够执行后台方法，并能够生成cookie并返回浏览器，但是无法执行ajax的success的方法，控制台报跨域错误；

4.ajax跨域请求下，前端配置withCredentials: false或不配置withCredentials，后端配置Access-Control-Allow-Credentials:true或者false，同样能够执行后台方法，并能够生成cookie并返回浏览器，但是无法携带同源cookie，能够执行ajax的success的方法；

5.Cookie携带只区分域名，不区分端口；

6.jsonp可以携带cookie，但只能携带所属域名的cookie（同源策略）；

7.jsonp可以跨域生成cookie，流程如下：跨域请求之后，在服务器端生成cookie，并在浏览器端记录相应的cookie；

8.静态资源同样会携带cookie（js和图片等），但是如果是和当前页面不同域只是在network中不显示cookie选项，但是后台能够获取到对应cookie；

9.ajax同域请求会自动带上同源的cookie，不会带上不同源的cookie；

10.这是MDN对withCredentials的解释： MDN-withCredentials ，我接着解释一下同源。

众所周知，ajax请求是有同源策略的，虽然可以应用CORS等手段来实现跨域，但是这并不是说这样就是“同源”了。ajax在请求时就会因为这个同源的问题而决定是否带上cookie，这样解释应该没有问题了吧，还不知道同源策略的，应该去谷歌一下看看。

总结：

最好前端后台配置跨域，则同时配置相应的跨域配置，否则总会出现不可控的错误；

  1. ajax跨域请求（无cookie、无header）案例（java）

（1）启动一个java web项目，配置两个域名（host）,czt.ming.com、czt.casicloud.com，java后端代码如下：

注意：Access-Control-Allow-Origin

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/**
*

  • @Title: getAjaxCross
  • @Description: TODO(ajax请求，跨域)
  • @param request
  • @param response
    */
    @RequestMapping(value ="/getAjaxCross",method= {RequestMethod.GET})
    public void getAjaxCross(HttpServletRequest request, HttpServletResponse response){
    try {
    response.setCharacterEncoding(“UTF-8”);

//设置允许多个域名允许跨域集合
String[] allowDomains = {“http://czt.casicloud.com”, “http://czt.ming.com”};
Set allowOrigins = new HashSet(Arrays.asList(allowDomains));
String origin = request.getHeader(“Origin”);
if(allowOrigins.contains(origin)){
//设置允许跨域的配置:Access-Control-Allow-Origin： 响应头指定了该响应的资源是否被允许与给定的origin共享
response.setHeader(“Access-Control-Allow-Origin”, origin);
}

//数据
Map<String, Object> resultMap = new HashMap<String, Object>();
resultMap.put(“message”, “ajax请求，跨域成功”);
String result = JsonUtils.objectToJson(resultMap);

response.getWriter().write(result);
} catch (Exception e) {
e.printStackTrace();
}
}
（2）前端页面代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
//4.ajax跨域
function getCookieAjaxCross() {
$.ajax({
type:“get”,
url:“http://czt.ming.com/xxx/xxx/xxx/getAjaxCross”,
async:true,
data:{},
dataType: ‘json’,
success: function(data) {
console.log(data);
}
});
}
getCookieAjaxCross();
（3）测试ajax跨域请求：

通过http://czt.casicloud.com/xxx/xxx访问页面，js触发ajax跨域请求http://czt.ming.com/xxx/xxx/xxx/getAjaxCross，前端和后台如果不按照代码中配置相应参数会报各种跨域错误；

  1. ajax跨域请求获取和创建cookie案例（java）

（1）启动一个java web项目，配置两个域名（host）,czt.ming.com、czt.casicloud.com，java后端代码如下：

注意：Access-Control-Allow-Credentials和Access-Control-Allow-Origin

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
/**
*

  • @Title: getCookieAjax
  • @Description: TODO(ajax请求，跨域传递cookie)
  • @param request
  • @param response
    */
    @RequestMapping(value ="/getCookieAjax",method= {RequestMethod.GET})
    public void getCookieAjax(HttpServletRequest request, HttpServletResponse response){
    try {
    response.setCharacterEncoding(“UTF-8”);

response.setHeader(“Access-Control-Allow-Credentials”, “true”);
//设置允许多个域名允许跨域集合
String[] allowDomains = {“http://czt.casicloud.com”, “http://czt.ming.com”};
Set allowOrigins = new HashSet(Arrays.asList(allowDomains));
String origin = request.getHeader(“Origin”);
if(allowOrigins.contains(origin)){
//设置允许跨域的配置:Access-Control-Allow-Origin： 响应头指定了该响应的资源是否被允许与给定的origin共享
response.setHeader(“Access-Control-Allow-Origin”, origin);
}

//获取cookie
Cookie[] cookies = request.getCookies();

//设置cookie
Cookie cookie = new Cookie(“access_token_ajax”, UUID.randomUUID().toString());
cookie.setPath("/");
response.addCookie(cookie);

//数据
Map<String, Object> resultMap = new HashMap<String, Object>();
resultMap.put(“cookies”, cookies);
resultMap.put(“message”, “ajax请求，跨域传递cookie成功”);
String result = JsonUtils.objectToJson(resultMap);

response.getWriter().write(result);
} catch (Exception e) {
e.printStackTrace();
}
}
（2）前端页面代码如下：

注意：withCredentials和crossDomain（作用不明）

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
//4.ajax跨域携带cookie和自定义请求头header
function getCookieAjaxCross() {
$.ajax({
type:“get”,
url:“http://czt.ming.com/industry/api/publishForeign/getCookieAjax”,
async:true,
data:{},
dataType: ‘json’,
xhrFields: {
withCredentials: true // 发送Ajax时，Request header中会带上 Cookie 信息。
},
crossDomain: true, // 发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）
success: function(data) {
console.log(data);
}
});
}
getCookieAjaxCross();
（3）测试ajax跨域请求获取和创建cookie：

通过http://czt.casicloud.com/xxx/xxx访问页面，js触发ajax跨域请求http://czt.ming.com/xxx/xxx/xxxx/getCookieAjax，前端和后台如果不按照代码中配置相应参数会报各种跨域错误；

  1. ajax跨域请求，携带请求头header案例（java）

（1）启动一个java web项目，配置两个域名（host）,czt.ming.com、czt.casicloud.com；

（2）ajax跨域携带请求头会发送两次请求，一次预检查请求（options），预检查请求通过之后才会进行真正的请求，所以java后台需要配置相应的跨域过滤器，如下：

import java.io.IOException;
import java.util.Arrays;
import java.util.HashSet;
import java.util.Set;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
*

  • @ClassName: CorsFilter
  • @Description: TODO(跨域请求过滤器)
  • @author clm
  • @date 2019年10月25日

/
public class CorsFilter implements Filter {
@Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain)
throws IOException, ServletException {
/

  • 跨域请求头服务端配置：
  • 1.Access-Control-Allow-Origin：设置允许跨域的配置， 响应头指定了该响应的资源是否被允许与给定的origin共享
  • 2.Access-Control-Allow-Credentials：响应头表示是否可以将对请求的响应暴露给页面（cookie）。返回true则可以，其他值均不可以。
  • 3.Access-Control-Allow-Headers:用于预检请求中，列出了将会在正式请求的 Access-Control-Request-Headers 字段中出现的首部信息。（自定义请求头）
  • 4.Access-Control-Allow-Methods：在对 预检请求的应答中明确了客户端所要访问的资源允许使用的方法或方法列表。
    */

HttpServletRequest httpRequest = (HttpServletRequest) servletRequest;
HttpServletResponse httpResponse = (HttpServletResponse) servletResponse;
//设置允许多个域名允许跨域集合
String[] allowDomains = {“http://czt.casicloud.com”, “http://czt.ming.com”};
Set allowOrigins = new HashSet(Arrays.asList(allowDomains));
String origin = httpRequest.getHeader(“Origin”);
if(allowOrigins.contains(origin)){
//设置允许跨域的配置:Access-Control-Allow-Origin： 响应头指定了该响应的资源是否被允许与给定的origin共享
httpResponse.setHeader(“Access-Control-Allow-Origin”, origin);
}
httpResponse.setHeader(“Access-Control-Allow-Credentials”, “true”);
httpResponse.setHeader(“Access-Control-Allow-Headers”,
“Origin, X-Requested-With, Content-Type, Accept, access-token”);
httpResponse.setHeader(“Access-Control-Allow-Methods”, “GET, PUT, DELETE, POST, OPTIONS”);
if (httpRequest.getMethod().equalsIgnoreCase(“OPTIONS”)) {
httpResponse.setStatus(202);
httpResponse.getWriter().close();
return;
}
filterChain.doFilter(servletRequest, servletResponse);
}

@Override
public void destroy() {
}

@Override
public void init(FilterConfig filterConfig) throws ServletException {
}

}
web.xml中配置过滤器：

<filter>
<filter-name>CorsFilter</filter-name>
<filter-class>xxx.xxx.xxx.xx.xxx.CorsFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>CorsFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

（3）java后台Controller代码：

/**
*

  • @Title: getPersonHeader
  • @Description: TODO(跨域获取请求头)
  • @param request
  • @param response
    */
    @RequestMapping(value ="/getPersonHeader",method=RequestMethod.GET)
    public void getPersonHeader(HttpServletRequest request, HttpServletResponse response){
    try {
    response.setCharacterEncoding(“UTF-8”);

String personHeader = request.getHeader(“Access-Token”);
System.err.println(“获取自定义请求头（Access-Token）：” + personHeader);

//数据
Map<String, Object> resultMap = new HashMap<String, Object>();
resultMap.put(“message”, “跨域获取请求头成功”);
resultMap.put(“personHeader”, personHeader);
String result = JsonUtils.objectToJson(resultMap);
response.getWriter().write(result);
} catch (Exception e) {
e.printStackTrace();
}
}
（4）前端页面代码如下：

注意：crossDomain（作用不明）

//同域前端设置自定义请求头，后端获取自定义请求头
function getPersonHeader() {
$.ajax({
type:“get”,
url:"/xxx/xxx/xxx/getPersonHeader",
async:true,
//ajax配置请求头方式，第一种
headers: {
“Access-Token”:“Access-Token123456”,//自定义请求头
“Content-Type”:“application/json;charset=utf8”
},
//ajax配置请求头方式，第二种
//beforeSend : function(request) {
　　 // request.setRequestHeader(“Access-Token”, “Access-Token123456”);
// request.setRequestHeader(“Content-Type”, “application/json;charset=utf8”);
//}
data:{},
success: function(data) {
console.log(data);
}
});
}
getPersonHeader();

//跨域前端设置自定义请求头，后端获取自定义请求头
function getPersonHeaderCross() {
$.ajax({
type:“get”,
url:“http://czt.ming.com/xxx/xxx/xxx/getPersonHeader”,
async:true,
headers: {
“Access-Token”:“Access-Token123456”,//自定义请求头
“Content-Type”:“application/json;charset=utf8”
},
data:{},
crossDomain: true, // 发送Ajax时，Request header 中会包含跨域的额外信息，但不会含cookie（作用不明，不会影响请求头的携带）
success: function(data) {
console.log(data);
}
});
}
getPersonHeaderCross();
（5）测试ajax跨域请求携带请求头header：

通过http://czt.casicloud.com/xxx/xxx访问页面，js触发ajax跨域请求http://czt.ming.com/xxx/xxx/xxxx/getPersonHeader，前端和后台如果不按照代码中配置相应参数会报各种跨域错误；

  1. jsonp实现跨域读写cookie案例（java）

（1）启动一个java web项目，配置两个域名（host）,czt.ming.com、czt.casicloud.com；

（2）java后台jsonp代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
/**
*

  • @Title: setCookie
  • @Description: TODO(jsonp跨域设置cookie)
  • @param request
  • @param response
    */
    @RequestMapping(value ="/setCookie.jsonp",method=RequestMethod.GET)
    public void setCookie(HttpServletRequest request, HttpServletResponse response){
    try {
    response.setCharacterEncoding(“UTF-8”);

//设置cookie
Cookie cookie = new Cookie(“access_token”, UUID.randomUUID().toString());
cookie.setPath("/");
response.addCookie(cookie);

//数据
Map<String, Object> resultMap = new HashMap<String, Object>();
resultMap.put(“cookie”, cookie);
resultMap.put(“message”, “跨域设置cookie成功”);
String result = JsonUtils.objectToJson(resultMap);

//前端传过来的回调函数名称
String callback = request.getParameter(“callback”);
//用回调函数名称包裹返回数据，这样，返回数据就作为回调函数的参数传回去了
result = callback + “(” + result + “)”;
response.getWriter(www.t6q8.com).write(result);
} catch (Exception e) {
e.printStackTrace();
}
}

/**
*

  • @Title: getCookie
  • @Description: TODO(jsonp跨域获取cookie)
  • @param request
  • @param response
    */
    @RequestMapping(value ="/getCookie.jsonp",method=RequestMethod.GET)
    public void getCookie(HttpServletRequest request, HttpServletResponse response){
    try {
    response.setCharacterEncoding(“UTF-8”);

//获取cookie
Cookie[] cookies = request.getCookies();

//数据
Map<String, Object> resultMap = new HashMap<String, Object>();
resultMap.put(“cookies”, cookies);
resultMap.put(“message”, “跨域获取cookie成功”);
String result = JsonUtils.objectToJson(resultMap);

//前端传过来的回调函数名称
String callback = request.getParameter(“callback”);
//用回调函数名称包裹返回数据，这样，返回数据就作为回调函数的参数传回去了
result = callback + “(” + result + “)”;
response.getWriter().write(result);
} catch (Exception e) {
e.printStackTrace();
}
}
（3）前端代码：

//1.jsonp跨域设置cookie
function setCookieCrossJsonp() {
$.ajax({
type:“get”,
url:“http://czt.ming.com/industry/api/publishForeign/setCookie.jsonp”,
async:true,
data:{},
dataType: “jsonp”, //返回类型为jsonp，实现跨域
jsonp:“callback”, //jsonp和jsonpCallBack相当于在url后添加一个参数：?callback=back
jsonpCallback:“back”, //设定回调函数的名字，传到后台，进行包装，不设定自动生成
success: function(data) { //成功执行处理，对应后台返回的back(data)方法
console.log(data);
}
});
}
setCookieCrossJsonp();

//2.jsonp跨域获取cookie
function getCookieCrossJsonp() {
$.ajax({
type:“get”,
url:“http://czt.ming.com/industry/api/publishForeign/getCookie.jsonp”,
async:true,
data:{},
dataType: “jsonp”, //返回类型为jsonp，实现跨域
jsonp:“callback”, //jsonp和jsonpCallBack相当于在url后添加一个参数：?callback=back
jsonpCallback:“back1”, //设定回调函数的名字，传到后台，进行包装，不设定自动生成
success: function(data) { //成功执行处理，对应后台返回的back(data)方法
console.log(data);
}
});
}
getCookieCrossJsonp();
(4)测试 jsonp跨域请求 cookie的获取和创建：

在访问该页面的过程中， js触发 jsonp跨域请求：http://czt.ming.com/xxx/xxx/xxx/xxxx/getCookie.jsonp;http://czt.ming.com/xxx/xxx/setCookie.jsonp；正常跨域设置 cookie并获取 cookie；

上述这些ajax添加自定义header相关代码就是小编向大家分享的全部内容，希望对大家有帮助，也希望大家能多支持脚本之家。

双倍开心
关注
JavaScript - 原生 Ajax 请求封装，支持自定义 headers、同步或异步执行等（附带详细代码注释及使用示例）
王佳斌
04-19 1414
Ajax请求封装，JavaScript中的Ajax请求，带有XMLHttpRequest的Ajax请求，Ajax调用函数封装，jQuery以外的Ajax请求，AJAX编程，使用XHR对象进行Ajax请求，JavaScript中的XMLHttpRequest对象，封装Ajax请求以简化代码，AJAX网络请求，原生JavaScript实现Ajax请求，JavaScript中的XMLHttpRequest和Ajax请求，JavaScript Ajax 封装，JavaScript 原生 Ajax 封装，前端 Aja
Springboot 解决ajax+自定义headers的跨域请求
KHOST的博客
06-03 784
1、什么是跨域 由于浏览器同源策略（同源策略，它是由Netscape提出的一个著名的安全策略。现在所有支持JavaScript 的浏览器都会使用这个策略。所谓同源是指，域名，协议，端口相同。），凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。 具体可以查看下表： 2、springboot如何解决跨域问题 1.普通跨域请求解决方案： ①请求接口添加注解@C...
ajax添加header整理
02-16
ajax添加header整理
ajax添加header
longzai89757的博客
05-02 3万+
$.ajax({ headers: { Accept: "application/json; charset=utf-8" }, type: "get", success: function (data) { } }); 二、beforeSend方法 $("#test").click(function() { $.ajax({ ...
ajax设置header
我的博客
06-13 4032
.ajaxSetup()全局设置Header请求头。beforeSend设置header。setting参数 headers。
ajax设置header(请求头)的方式
最新发布
qq_44724587的博客
08-11 3614
ajax设置header(请求头)，将token放到请求头
ajax请求添加自定义header参数代码
01-18
我就废话不多说了，大家还是直接看代码吧~ $.ajax({ type: post, url:http://127.0.0.1:4564/bsky-app/template/testPost, contentType: application/json;charset=utf-8, data :JSON.stringify({bodyName:...
前端对所有文件请求添加header_ajax请求添加自定义header参数代码
weixin_39815879的博客
12-21 4105
我就废话不多说了，大家还是直接看代码吧~$.ajax({type: "post",url:"http://127.0.0.1:4564/bsky-app/template/testPost",contentType: "application/json;charset=utf-8",data :JSON.stringify({"bodyName":"sdfsdf","date":"2017-11-...
ajax请求添加自定义header参数
qiankui的博客
06-06 7108
$.ajax({ type: "post", url:"http://127.0.0.1:4564/bsky-app/template/testPost", contentType: "application/json;charset=utf-8", data :JSON.stringify(...
ajax添加header信息
weixin_30950607的博客
10-10 1183
$.ajax({url:"xxx",async:true,dataType:"json",contentType:"application/json",data:{},beforeSend: function (XMLHttpRequest) {XMLHttpRequest.setRequestHeader("Authorization", "bearer xxxxxxxxxx");}s...
原生js实现ajax请求（带请求头header）和数据传参过程代码
热门推荐
CodingNoob
07-02 7万+
一、Ajax 概述 Ajax 是 Asynchronous Javascript And XML 的简写 Ajax是一门技术，并不是一门语言 使用XHTML+CSS来标准化呈现 使用XML和XSLT进行数据交换及相关操作 使用XMLHttpRequest对象与Web服务器进行异步数据通信 使用Javascript操作Document Object Model进行动态显示及交互 使用J...
ajax请求携带自定义请求头header（跨域和同域）
爱吃红豆的猫
03-15 6820
1.ajax请求时是不会自动带上cookie的，要是想让他带上的话，必须设置withCredential为true。
Ajax设置 自定义Header
sunshineTing2的博客
12-17 1324
Ajax设置 自定义Header $.ajax({ type: "POST", url: url, dataType: "json", crossDomain: true, // 允许跨域 xhrFields: { withCredentials: true }, async: false, data: JSON.stringify(param), success: function(data) {
ajax中POST请求与参数(请求体)设置
LuiChun
12-31 5007
1.创建在testthree文件夹并在这个文件夹里面 2.创建post.html文件 3.创建server.js文件 post.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
ajax 全局设置header,Jquery Ajax 配置全局请求头 Header 信息及返回结果统一处理
weixin_34822215的博客
08-05 4140
前端发起 Ajax 请求，往往都有全局配置请求头 Header 信息的需求。比如请求发起时，希望针对所有的请求，放置用户 token 信息，其他数据等。所有的 Ajax请求返回结果，当数据不符合预期时，统一拦截处理，更专注业务。这样的需求很常见，不可能让前端开发人员对每一个请求都做配置，太累，也太 Low！解决方案针对每一个页面，引入一个公共的 js 文件，并实现jQuery ajax - aj...
$.ajax() 请求头,$.ajax应用之请求头headers
weixin_32434033的博客
08-05 5759
昨天项目中，由于要请求token验证，后台给出的方案是采用请求头返回token数据，给出的API文档是这样的由于之前一直都是采用请求体发送请求，服务器在应答体李返回数据。和这个不一样；采用jq的$.ajax()函数发送请求，代码如下$.ajax({type: 'POST',url: '/token',headers:{"appId":appId,"appKey":appKey,"Content-T...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值