查找网站添加请求标头的位置

Question

我正在一个发出POST请求但添加一些自定义请求标头（X-TEST-1）的网站上执行操作。出于好奇，我尝试查看网站在代码中的哪些位置设置了这些标头。在Chrome Devtools源代码中对X-TEST-1进行简单搜索不会返回任何内容。

我以为网站可能会使用类似的东西：

该请求通过jQuery Ajax发出：

$.ajax({
    url: URL,
    cache: false,
    type: "post",
    data: $("#data").serialize()
})

但是没有什么要提及的自定义标头被发送。我也在寻找类似的东西：

$.ajaxSetup({
    headers: { 'X-TEST-1': 'some value' }
});

但是我什么也没找到。

---

有没有一种方法可以为特定关键字添加断点，或者可以通过某种方式查看在何处添加此标头？

Answer 1

您正在做XMLHttpRequest（XHR），所以只需单击Network下的XHR选项卡，您就会找到想要的内容。

添加标题的方法：

$.ajax({
    headers: {
        X-TEST-1: "some value"
    },
    type: "POST",
    success: function (data) {
       // do something here...
    }
});

或者您可以在发送前做

$.ajax({
    type: "POST",
    url: "default.aspx",
    beforeSend: function(data) {
        request.setRequestHeader("X-TEST-1", "some value");
    },
    success: function(data) {
        // do something here...
    }
});