javascript - 如果设置了 headers 对象，jQuery.ajax() 会多次发送请求

Question

当我运行它时，它出于某种原因发送了两个请求。当我删除 headers 对象时，尽管它只运行一次。为什么它与 header 对象一起运行两次？

$.ajax({
    type: "get",
    headers: {
        Time: time
    },
    url: getHost() + "/leaderboard/top?gameId=" + gameId + "&token=" + createToken([gameId, time]),
    dataType: "json",
    complete: function(data){
        showOutput(JSON.parse(data.responseText));
    }
});

当我查看 chrome 网络检查器时，我看到在 Method 下，一个是 GET，另一个是 OPTIONS。除此之外，请求完全相同。

在服务器上我设置了以下 header :

this.res.setHeader("Content-Type", "text/json; charset=utf-8");
this.res.setHeader("Access-Control-Allow-Origin", "*");
this.res.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept, Time");

Answer 1

在特定条件下(在本例中为时间 header 的呈现)跨源 GET 请求 pre-flight首先发送 OPTIONS 请求以确保接收服务器接受这些类型的请求。

阅读一些关于跨源资源共享和同源策略的内容。