Unable to send back .json data with Node.js (Cors error)

Question

I'm starting learning node.js, but I have a little problem. I have an ajax function that call a server listening on port 8001. Afer I open and load a .json file and I want to send back to the page. For what concern the loading, there is no problem, but when I send back to the page, I get this error : on Chrome "POST http: //localhost:8001/ net::ERR_CONNECTION_REFUSED"; on Firefox "...Reason : CORS request failed."

here the code of my simple file .js :

    var http = require('http'),
          fs = require('fs'),
         url = require('url');

    http.createServer(function (request, response) {
        var path = url.parse(request.url).pathname;
        console.log("request recieved");
        var obj;
        fs.readFile('../menu.json', 'utf8', function (err, data) {
            if (err) throw err;
            console.log(data);
            obj = JSON.parse(data);
            console.log(obj);
            response.writeHead(200, { "Content-Type": "application/json" });
            response.end(obj, "utf-8");        
        });   

    }).listen(8001);
    console.log("server initialized !!");

How can I make it works? I also read the other topic, but I have not found a solution. Thank you in advance for your time and patience.

Edit : here is the ajax call :

   function testNodeJs() {
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.open("POST", "http://localhost:8001/", true);
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var string = xmlhttp.responseText;
            alert(string);
        }
    }
    xmlhttp.send();
};

possible duplicate of [How to allow CORS in Express/Node.js?](http://stackoverflow.com/questions/7067966/how-to-allow-cors-in-express-node-js) — Soren, Aug 10 '15 at 20:48
Sorry but I'm at the beginning; I also read this question, but I'm not using express.js , so how can I solve? — d3llafr33, Aug 10 '15 at 21:05
You have to respond to the CORS authorization requests, you can build that manually, but most often a framework component is more helpful -- maybe you should be using Express.js — Soren, Aug 11 '15 at 00:26

score 1 · Accepted Answer · answered Aug 10 '15 at 20:50

1

The server needs to send a Cross-Origin Resource Sharing (CORS) header. For your simple case, it might be enough to do

response.writeHead(200, { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" });

But it looks like there's an NPM module to help you, too https://www.npmjs.com/package/cors

Additional reading on CORS: https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

answered Aug 10 '15 at 20:50

dtanders

1,835
11
13

I install the cors module, and apply your solution, but I don't know why it continues not working :( – d3llafr33 Aug 10 '15 at 21:06

score 0 · Answer 2 · answered Aug 11 '15 at 05:54

Try this one:

response.writeHead(200, { "Content-Type": "application/json", "Access-Control-Allow-Origin": "*" ,"Access-Control-Allow-Methods":"GET, POST","Access-Control-Allow-Headers","X-Requested-With,content-type, Authorization"});

For more details go through this link: https://annasob.wordpress.com/2012/01/11/getting-around-cors-with-node-js/

Unable to send back .json data with Node.js (Cors error)

2 Answers2