Question

我尝试做一些非常简单的事情，我想用AJAX Jquery对Node.js服务器进行POST，让服务器返回响应。我的问题是我无法从服务器得到答案。如果有人可以帮助我，我将非常感激。

client.js

$(document).ready(function(){
$("button").click(function(){
    $.post("http://localhost:3333/vrp",
    {
      name: "Donald Duck",
      city: "Duckburg"
    },
    function(data,status){
        alert("Data: " + data + "\nStatus: " + status); //This section code doesn't execute.
    })
    .fail(function() {
       alert( "error" );       //It's executed this section of code and I can see it in my browser.
    });
});
});

server.js

var vrp = require("./vrp");
var bodyParser = require("body-parser");
var express = require('express');
var app = express();

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());

app.post('/vrp', function(req, res){
  console.log(JSON.stringify(req.body));   //Here I can see the message I sent.
  res.contentType('json');
  res.send(JSON.stringify(req.body));
});

var listener = app.listen(3333, function () {
  console.log('Your app is listening on port ' + 
  listener.address().port);
});

Answer 1

尝试在server.js中添加CORS标头，例如。像这样

app.post('/vrp', function(req, res){
  console.log(JSON.stringify(req.body));
  res.header("Access-Control-Allow-Origin", "*").send(req.body);
});

如果运行，那么您100％确定这是CORS问题。对于真正的应用程序，您可以使用此解决方案或更复杂的中间件，例如。

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

或者您可以使用更具弹性配置的cors中间件模块https://github.com/expressjs/cors。

Answer 2

app.post('/vrp', function(req, res){
  console.log(JSON.stringify(req.body));
  return res.status(200).send({data:req.body});
});

使用Jquery进行POST并从Node.js

2 个答案: