意外空白的 Ajax 响应文本

Question

我尝试使用 Node.js 测试我的 Ajax 代码。我以前没用过，所以我是新手。 这是我的代码：

<script>
  var xmlHttp = false;
    /*@cc_on @*/
    /*@if (@_jscript_version >= 5)
    try {
      xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e2) {
        xmlHttp = false;
      }
    }
    @end @*/

  if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
    xmlHttp = new XMLHttpRequest();
  }

  function callServer() {
    var url = "http://localhost:8888/";
    xmlHttp.open("GET", url, true);
    xmlHttp.onreadystatechange = updatePage;
    xmlHttp.send(null);
  }

  function updatePage() {
    if (xmlHttp.readyState == 4) {
      var response = xmlHttp.responseText;
      alert(response);
    }
  }
</script>

还有我的 Node.js 服务器：

var http = require("http");

http.createServer(function(request, response) {
  response.writeHead(200, {"Content-Type": "text/plain"});
  response.write("Test");
  response.end("Test");
}).listen(8888);

我运行带有属性的脚本：onclick="callServer()"。警报什么也没告诉我。谢谢。

Answer 1

试试这些改变：

1. 改变

xmlhttp.send(null); 给xmlhttp.send();

1. 改变

var xmlHttp = false; 到 var xmlHttp = null;

1. if else 改为如下：

if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp = new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');}

4. 下面看起来多余，你可以评论一下：
   // response.write("Test");

5. 确保节点正在运行。

祝你好运。

Answer 2

您的代码工作正常，问题是您在不同的域或端口上运行您的客户端，然后您的服务器运行。

尝试在http://localhost:8888/ 上运行您的客户端。

编辑：

使用 Express 包非常简单：

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

app.get('/', function(req, res) {
  res.send('Test');
});

app.get('/index.html', function(req, res) {
  res.sendfile('index.html');
});

app.listen(8888, function() {
  console.log('Server started at port 8888');
});

编辑#2

没有快递：

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

var server = http.createServer(function(req, res) {
  fs.readFile('./index.html', function(err, data) {
    res.writeHeader(200, { 'Content-Type': 'text/html' });
    res.write(data);
    res.end();
  });
}).listen(8888);

server.on('request', function(req, res) {
  if(req.url == '/test') {
    res.writeHeader(200, { 'Content-Type': 'text/plain' });
    res.write('Test');
    res.end();
  }
});

编辑#3

要提供静态资产，请使用 express.static 中间件，如下所示：

var express = require('express'),
    app     = express();

app.use(express.static(__dirname + '/public'));

您应该将您的资产放在根目录下的public 目录中。