使用 Nodejs 的服务器和使用 XMLHttpRequest 的客户端答案

【问题标题】：Server with Nodejs and client with XMLHttpRequest使用 Nodejs 的服务器和使用 XMLHttpRequest 的客户端
【发布时间】：2017-03-04 07:41:18
【问题描述】：

我有这个 server.js

var http = require('http');

const PORT = 8000;

http.createServer((req, res) => {
    var msg = req.url.split('/')[1];
    console.log('Recieved: ' + msg);
    var html = '<h3>You sent: ' + msg + '</h3>';
    res.writeHead(200, {"Content-Type": "text/html"});
    res.write(html);
    res.end();
    if (msg == 'end') process.exit();
}).listen(PORT, () => {
    console.log("Server listening on: %s", PORT);
});

还有这个client.html

<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>

<body>
    <textarea id="textArea" rows="4" cols="50"></textarea>
    <br>
    <button onclick=" document.getElementById('textArea').value = '' ">clear</button>
    <button onclick="sendToServer(document.getElementById('textArea').value)">send</button>
    <br>
    <p id="display"></p>

    <script>
    function sendToServer(data) {
        var xhr = new XMLHttpRequest();
        xhr.open("GET", "http://localhost:8000/" + data, true);
        xhr.onreadystatechange = function() {
            if (xhr.readyState == 4 && xhr.status == 200) {
                document.getElementById("display").innerHTML = xhr.responseText;
            }
        };
        xhr.send();
    }
    </script>
</body>

</html>

服务器从客户端接收数据并在控制台上打印。但是当服务器将html字符串发送给客户端时，我遇到了问题。客户端没有从服务器接收到 html 字符串。

我该如何解决这个问题？

谢谢。

【问题讨论】：

我建议查看 Chrome 调试器的网络选项卡，看看实际从服务器返回的内容。

标签： node.js server xmlhttprequest client

【解决方案1】：

您的 Access-Control-Allow-Origin

似乎有问题

这就是为什么 - 你在客户端有异常

尝试替换这个（在服务器脚本上）

 res.writeHead(200, {"Content-Type": "text/html"});

到这里

res.writeHead(200, {"Content-Type": "text/html", "Access-Control-Allow-Origin": "*"});

【讨论】：

@giovanni_ 不客气。如果问题已解决，请 - 将其设置为已回答