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

Question

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

$.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。除此之外，请求完全相同。

在服务器上，我设置了以下标头：

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

在某些条件下（在这种情况下是时间标头的存在），对于跨源 GET 请求，首先发送 pre-flight OPTIONS 请求，以确保接收服务器接受这些类型的请求。

阅读一下跨域资源共享和同源策略。