如何使用 AJAX jQuery 将 JSON 数据发布到服务器

Question

尝试将“订单”JSON 数据发布到 Node.js 服务器上的 JSON 文件时不断出错

GET 请求工作正常，但在尝试执行 POST 请求时执行“错误”函数而不是“成功”函数。我错过了什么吗？需要用php吗？

开发工具控制台显示以下错误消息：

POST http://.../orders.json 405 (Method Not Allowed) jquery.js:10109

$("#add-order").on("click", function()
{
    var order = 
    {
        name: $name.val(),
        food: $food.val()
    };

    $.ajax(
    {
        type: "POST",
        url: "orders.json",
        dataType: "json",
        contentType: "application/json",
        data: JSON.stringify(order),
        processData: false,
        success: function(newOrder)
        {
            alert("success");
            $orders.append("<li>Name: " + newOrder.name +", food: " + newOrder.food + "</li>");
        },
        error: function()
        {
            alert("Error posting order");
        }

    });
});

节点js服务器

const http = require("http");
const fs = require("fs");
const port = 3000;

const server = http.createServer(function(request, response)
{
    response.writeHead(200, { "Conent-Type": "text/json" })
    fs.readFile("orders.json", function(error, data)
    {
        if (error)
        {
            response.writeHead(404);
            response.write("Error: File Not Found");
        } 
        else response.write(data);
        response.end();
    })

});

server.listen(port, function(error)
{
    if (error) console.log("Something went wrong. Error: ", error);
    else console.log("server is listening to port " + port);
})

Answer 1

var http = require('http');
var requestListener = function(req, res) {
  console.log("" + req.method)
  if (req.method === "POST") {

    let data = '';
    req.on('data', chunk => {
      data += chunk;
    })
    req.on('end', () => {
      console.log(data)
      res.end("received");
    })

  }
  res.writeHead(200);
  res.end('Hello, World!' + req.method);
}

var server = http.createServer(requestListener);
server.listen(3000, function() {
  console.log("Listening on port 3000")
});








//curl -d '{"name":"1","age":"2"}' -H 'Content-Type: application/json' localhost:3000

//Output

/*
Listening on port 3000
POST
undefined
{"name":"1","age":"2"}
*/

或者您可以探索 express 或任何其他中间件，以便于解析和处理。