Express中的客户端服务器

Question

如何在客户端向 javascript 发送一个对象？ 我之前问了一个问题，并被回答并接受了这个问题，因为我无法在电脑上查看答案： Client receive json object to javascript

我仍然不明白如何将数据发送到我尝试 req.send/render 的客户端，但它没有在客户端运行。

客户：

$.get('127.0.0.1:3000', {mydata: 'content'}, function(response){
   //callback triggered when server responds
   console.log(JSON.stringify(response));
});

服务器：

  app.get('/', function (req, res) {
      if(req.params.mydata === 'content'){
        res.end("you sent content");
      }  else {
        res.end("you sent something else");
      }
    });

谢谢！

Answer 1

您想使用res.json，而不是使用res.end——这将适当地设置HTTP Content-Type 标头，以便您的数据实际上作为JSON 传递。这是一个示例路线：

app.get('/', function(req, res) {
  if (req.params.mydata === 'content') {
    res.json({ message: 'you sent content' });
  } else {
    res.json({ message: 'you sent something else' });
  }
});

希望有帮助！

Answer 2

使用res.send()

app.get('/', function (req, res) {
    req.params.mydata === 'content'
        ? res.send("you sent content")
        : res.send("you sent something else");
});

Answer 3

在你的服务器代码中，当你这样做时：

req.params.mydata

，您正在尝试从映射到您的其中一条路线的属性中获取 mydata，例如：

'http://127.0.0.1:1337/:mydata'

这不是你的情况。您正在通过查询字符串发送对象{mydata: 'content'}，例如：

'http://127.0.0.1:1337/?mydata=content'

因此，要在您的服务器代码上获取此数据，您必须这样做：

if (req.query.mydata === 'content') {
  // do something
}

甚至

if (req.param('mydata) === 'content') {
  // do something
}

有关如何处理接收到的数据的更多信息，请查看express.js Request docs。 正如@rdegges 指出的，如果你想发送json 数据，你应该使用res.json 而不是res.end。但是，就您而言，由于您是从客户端发出请求并拥有No 'Access-Control-Allow-Origin'（您在 cmets 中说过），因此您有两种选择：

• 按照here 的说明设置服务器响应的标头，或者；
• 让您的服务器代码返回一个jsonp 响应，而不仅仅是json，例如res.jsonp({ message: 'you sent content' });

如果您选择第二个选项，您应该准备您的客户端代码来处理这个问题，添加 dataType: 'jsonp':

$.ajax({
  url: 'http://127.0.0.1:1337/',
  data: {
    mydata: "content"
  },
  dataType: 'jsonp',
  success: function (json) {
    console.log(json);
  },
  error: function (jqXHR, error, errorThrown) {
    console.log(error);
  },
  type: 'GET'
});