简单的Ajax请求到本地主机服务器的NodeJS

Question

我写了很简单的服务器：

/* Creating server */ 
var server = http.createServer(function (request, response) { 
    response.writeHead(200, {"Content-Type": "text/plain"}); 
    response.end("Hello World\n"); 
}); 

/*Start listening*/ 
server.listen(8000); 

我使用它的NodeJS运行。

现在我想编写简单的客户端，使用AJAX调用发送请求到服务器和打印响应（你好世界）

这里客户为例的JavaScript的：

$.ajax({ 
      type: "GET", 
      url: "http://127.0.0.1:8000/" , 
      success: function (data) { 
      console.log(data.toString); 
      } 
     }); 

当我打开客户端HTML我的文件得到以下错误控制台：

XMLHttpRequest cannot load http://127.0.0.1:8000/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 

我尝试添加到Ajax调用以下：

$.ajax({ 
      type: "GET", 
      url: "http://127.0.0.1:8000/" , 
      dataType: 'jsonp', 
      crossDomain: true, 
      success: function (data) { 
      console.log(data.toString); 
      } 
     }); 

但后来我得到

Resource interpreted as Script but transferred with MIME type text/plain: "http://127.0.0.1:8000/?callback=jQuery211046317202714271843_1410340033163&_=1410340033164". 

任何人都可以解释我做错了什么，也许如何解决它？

非常感谢！

Answer 1

第一个错误是由CORS（跨源资源共享）策略引起的。除非该远程服务器通过Access-Control-Allow-Origin标头允许，否则，所有浏览器都无法向AJAX中的远程服务器发出请求，而不是从当前加载该脚本/页面的服务器发出请求。

我建议从相同的Node.js服务器提供页面。然后它会工作。例如，当请求进入根目录/页面时，则服务于index.html文件，否则服务器无论您想要什么其他内容。

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

/* Creating server */ 
var server = http.createServer(function (request, response) { 
    if (request.url == '/' || request.url == '/index.html') { 
     var fileStream = fs.createReadStream('./index.html'); 

     fileStream.pipe(response); 
    } else { 
     response.writeHead(200, {"Content-Type": "text/plain"}); 
     response.end("Hello World\n"); 
    } 
}); 

/*Start listening*/ 
server.listen(8000); 

Answer 2

为了克服CORS，在你的Node.js文件编写下面，根据你所需要的：

// Website you wish to allow to connect 
res.setHeader('Access-Control-Allow-Origin', '*'); 

// Request methods you wish to allow 
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE'); 

// Request headers you wish to allow 
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type'); 

// Set to true if you need the website to include cookies in the requests sent 
// to the API (e.g. in case you use sessions) 
res.setHeader('Access-Control-Allow-Credentials', true);