如何在jQueryAjax中向请求添加头？

Question

我正在尝试使用JQuery在Ajax中向请求添加头。

以下是代码：-

$.ajax({
    type: "POST",
    contentType: "application/json",
    url: "http://localhost:8080/core-service/services/v1.0/patients/registerPatients",
    data: JSON.stringify(patientDTO),
    //crossDomain : true,
    dataType: 'json',
    headers: {"X-AUTH-TOKEN" : tokken},
    success: function(patientDTO) {
        console.log("SUCCESS: ", patientDTO);
        /* location.href = "fieldagentHRA.html";*/
        if (typeof(Storage) !== "undefined") {
            localStorage.setItem("patUrn", patientDTO.data);
            location.href="fieldagentHRA.html";
        }
    },
    error: function(e) {
    console.log("ERROR: ", e);
    display(e);
    },
    done: function(e) {
    enableRegisterButton(true);
    }
});

然后我使用了要求（要求是chrome火狐插件，我们可以手动添加一个标题到请求）。

手动添加标题后：-

在这两个pics请求头中，“ACCESS-CONTROL-request-HEADERS”中都有x-auth-token，但第二个pic中有“x-auth-token”头和头值，而第一个pic中没有。

所以我的问题是如何使用JQuery在Ajax中添加请求头？

Answer 1

根据您想做什么，有两种解决方案

如果要向单个请求添加自定义标题（或标题集），则只需添加标题属性，这将帮助您发送带有标题的请求。

// Request with custom header
$.ajax({
    url: 'foo/bar',
    headers: { 'x-my-custom-header': 'some value' }
});

如果想为每个请求添加默认的标头（或一组标头），请使用$. ajaxSetup（）：这将帮助您添加标头。

//Setup headers here and than call ajax
$.ajaxSetup({
    headers: { 'x-my-custom-header': 'some value' }
});

// Sends your ajax
$.ajax({ url: 'foo/bar' });

向每个请求添加一个头（或一组头），然后使用带有$的beforeSend钩子。ajaxSetup（）：

//Hook your headers here and set it with before send function.
$.ajaxSetup({
    beforeSend: function(xhr) {
        xhr.setRequestHeader('x-my-custom-header', 'some value');
    }
});

// Sends your ajax
$.ajax({ url: 'foo/bar' });

参考链接：AjaxSetup

参考链接：AjaxHeaders