Question

因此，我正在调用此函数以将有关HTML元素的数据作为对象发送：

function postItem(input) {
  $.ajax({
    type: "POST",
    url: "http://localhost:8080",
    data: input,
    success: function(message) {
      Hconsole.log('got data back');
      var m = message;
      alert(m);
    },
    error: function(jqXHR, textstatus, errorThrown) {
      alert('text status ' + textstatus + ', err ' + errorThrown);
    }
  })
}

服务器将比较输入对象和已经存储的对象，并响应它们是否相同：

app.post('/', (req, resp) => {
  var eObjClient = req.body;

  //somehow get data from database, the following is dummy data
  var eObjServer = {
    type: 'I',
    text: '',
    width: '70',
    height: '80',
    href: '',
    color: 'rgb(255, 255, 255)',
    class: 'icon-big icon ion-ios-analytics-outline'
  };

  /*
  Object.keys(eObjClient).forEach(function(key){
    console.log(key + ": " + eObjClient[key]);
  });
  */

  if (isSimilar(eObjClient, eObjServer)) {
    console.log('step working');
    resp.send('step working');
  } else {
    console.log('broken');
    resp.send('broken');
  }
  resp.end();
});

当前，服务器获取数据并进行正确的计算，但是始终会调用客户端的错误消息，而我不知道为什么。此外，如果有帮助，我还会在客户端控制台上不断收到此错误：

“无法加载http://localhost:8080/：否请求中存在“ Access-Control-Allow-Origin”标头资源。因此，不允许访问原始“空”。”

我正在使用 Express.js 和 body-parser 库。我是服务器知识的初学者，任何帮助将不胜感激。

Answer 1

这是因为您的客户端和服务器是跨域的，因此浏览器阻止了它。

您可以尝试在Node.js中使用

：

chunk_every

但是，重要的是要注意，它将允许任何连接并且不应在生产中使用。

Answer 2

只需丢弃CORS中间件，您的客户端AJAX请求就可以正常运行。您可以通过以下方式使用此库：https://github.com/expressjs/cors：

var express = require('express')
var cors = require('cors')
var app = express()

app.use(cors())

Answer 3

您应该使用以下方式更改逻辑：

    let message = '';

    if(isSimilar(eObjClient, eObjServer)) {
      console.log('step working');
      message = 'step working';
    }
    else {
      console.log('broken');
      message = 'broken';
    }
    resp.status(200).send(message);

对于您的CORS问题，我建议您设置适当的标题或使用cors library。

如何将数据作为响应从Node.js服务器发送到AJAX客户端？

3 个答案: