How to POST JSON data to server using AJAX jQuery

user_9306438 0
Viewed 86

Keep getting error when trying to post 'order' JSON data to JSON file on Node.js server

GET request works fine but 'Error' function executes instead of the 'success' function when trying to do a POST request. Am I missing anything? Do I need to use php?

The dev tools console shows the following error message:

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");
        }

    });
});

Node js server

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);
})
node.js json ajax javascript
1 Answers

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"}
*/

Or you can explore express or any other middle ware for easy parsing and handling.

user_31625400
Related