javascript – 使用jQuery在AJAX请求中添加标头

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用jQuery在AJAX请求中添加标头，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1385字，纯文字阅读大概需要2分钟。

内容图文

我想从jQuery向AJAX POST请求添加自定义标头.

我试过这个：

$.ajax({
    type: 'POST',
    url: url,
    headers: {
        "My-First-Header":"first value",
        "My-Second-Header":"second value"
    }
    //OR
    //beforeSend: function(xhr) { 
    //  xhr.setRequestHeader("My-First-Header", "first value"); 
    //  xhr.setRequestHeader("My-Second-Header", "second value"); 
    //}
}).done(function(data) { 
    alert(data);
});

当我发送此请求并使用FireBug观看时,我看到此标题：

OPTIONS xxxx/yyyy HTTP/1.1
Host: 127.0.0.1:6666
User-Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:11.0) Gecko/20100101 Firefox/11.0
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,/;q=0.8
Accept-Language: fr,fr-fr;q=0.8,en-us;q=0.5,en;q=0.3
Accept-Encoding: gzip, deflate
Connection: keep-alive
Origin: null
Access-Control-Request-Method: POST
Access-Control-Request-Headers: my-first-header,my-second-header
Pragma: no-cache
Cache-Control: no-cache

为什么我的自定义标头会转到Access-Control-Request-Headers：

Access-Control-Request-Headers: my-first-header,my-second-header

我期待像这样的标头值：

My-First-Header: first value
My-Second-Header: second value

可能吗？

解决方法:

你在Firefox中看到的不是实际的要求;请注意,HTTP方法是OPTIONS,而不是POST.这实际上是浏览器确定是否应允许跨域AJAX请求的“飞行前”请求：

http://www.w3.org/TR/cors/

飞行前请求中的Access-Control-Request-Headers标头包括实际请求中的标头列表.然后,在浏览器提交实际请求之前,服务器将报告是否在此上下文中支持这些标头.

内容总结

以上是互联网集市为您收集整理的javascript – 使用jQuery在AJAX请求中添加标头全部内容，希望文章能够帮你解决javascript – 使用jQuery在AJAX请求中添加标头所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端