如何使用 Ajax 发送标头

Question

我创建了一个静态网站，我想使用这个 Ajax 函数向NodeJs Express REST API 发送一个带有 http 标头的请求。但是当我发送它时，我无法通过 REST API 获取任何令牌字段。

 $.ajax({
                beforeSend: function (request) {
                    request.setRequestHeader("token", 'vjhvjhvjhvjhbjhsbvkjsbvkjsbkvjbskjvb');            
                },
                dataType: "json",
                url: "http://localhost:3000/feeds",
                success: function (data) {
                   //do something
                }
            });

当我用 Postman 发送它时，我可以很容易地得到它。这是 NodeJS 中间件

router.use(function (req, res, next) {
    res.header("Access-Control-Allow-Origin", "*");
    res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');
    res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');
    res.setHeader('Access-Control-Allow-Credentials', true);

  console.log(req.headers.token);    
});

我该如何解决这个问题？

Answer 1

AJAX 标头可以设置为全局，如下所示。

$.ajaxSetup({
  headers: {
   'token':'token_vlaue',
   'another_field': 'another_field_value'
  }
});

Answer 2

你试过了吗

$.ajax({
    headers: {
        'Accept': 'application/json;',
        'Content-Type': 'application/x-www-form-urlencoded',
        'custom_key': 'custom_value'
    },
    dataType: "json",
    ...
)};

Answer 3

您在错误的代码块中查找令牌。您需要先正确设置 CORS，然后您的令牌将在稍后显示在正确的路径中。

这是用于 CORS 的正确模式示例。

//CORS middleware
var allowCrossDomain = function(req, res, next) {
    res.header('Access-Control-Allow-Origin', '*');
    res.header('Access-Control-Allow-Methods', 'GET,PUT,PATCH,POST,DELETE');
    res.header('Access-Control-Allow-Headers', 'X-Requested-With,Content-Type,token');
    res.header('Access-Control-Allow-Credentials', true);

    next();
}

//...
app.configure(function() {
    app.use(express.bodyParser());
    app.use(express.cookieParser());
    app.use(express.methodOverride());
    app.use(allowCrossDomain);
    app.use(app.router);
    app.use(express.static(__dirname + '/public'));
});

app.get('feeds', function(req, res, next) {

    console.log(req.headers.token);  
    next();
});

Answer 4

您可以尝试这样发送：

$.ajax({
    url: "http://localhost:3000/feeds",
    headers: { 'token': 'vjhvjhvjhvjhbjhsbvkjsbvkjsbkvjbskjvb' }
});

这里有一个更详细的答案，可能会对您有所帮助：answer