Javascript 在节点服务器中使用res.end（）时出现问题
下面是我的server.js文件中的代码片段。运行时，我发送一个带有消息的URL，res.end（）会使视图呈现一个空白页面 当我注释掉res.end（）命令时，视图会显示所有消息，但浏览器会一直等待服务器响应完成的信号 我知道您可以使用res.end（）并将数据放入paren中，由视图传输和渲染 我期望发生的是，如果没有参数，它将只保留视图，但是parens中的空参数显示为空视图 如何在不删除视图上的数据的情况下指示响应已完成 server.jsJavascript 在节点服务器中使用res.end（）时出现问题,javascript,node.js,http,server,Javascript,Node.js,Http,Server,下面是我的server.js文件中的代码片段。运行时，我发送一个带有消息的URL，res.end（）会使视图呈现一个空白页面 当我注释掉res.end（）命令时，视图会显示所有消息，但浏览器会一直等待服务器响应完成的信号 我知道您可以使用res.end（）并将数据放入paren中，由视图传输和渲染 我期望发生的是，如果没有参数，它将只保留视图，但是parens中的空参数显示为空视图 如何在不删除视图上的数据的情况下指示响应已完成 server.js var http = require('h
var http = require('http'),
url = require('url'),
fs = require('fs');
var messages = ["testing"];
var clients = [];
http.createServer(function(req,res) {
var url_parts = url.parse(req.url);
console.log(url_parts);
if(url_parts.pathname == '/') {
// file serving
fs.readFile('./index.html', function(err, data) {
// console.log(data);
res.end(data);
});
} else if(url_parts.pathname.substr(0,5) == '/poll'){
//polling code
var count = url_parts.pathname.replace(/[^0-9]*/,'');
console.log(count);
if(messages.length > count){
res.end(JSON.stringify({
count: messages.length,
append: messages.slice(count).join("\n")+"\n"
}));
} else {
clients.push(res);
}
} else if(url_parts.pathname.substr(0, 5) == '/msg/') {
// message receiving
var msg = unescape(url_parts.pathname.substr(5));
messages.push(msg);
while(clients.length > 0) {
var client = clients.pop();
client.end(JSON.stringify({
count: messages.length,
append: msg+"\n"
}));
}
// res.end(); //if left in, this renders an empty page, if removed,
// client keeps waiting....
}
}).listen(8080, 'localhost');
console.log('server running!');
<html>
<head>
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
var counter = 0;
var poll = function() {
$.getJSON('/poll/'+counter, function(response) {
counter = response.count;
var elem = $('#output');
elem.text(elem.text() + response.append);
//elem.text(counter);
poll();
});
}
poll();
</script>
</head>
<body>
<textarea id="output" style="width: 90%; height: 90%;">
</textarea>
</body>
</html>
var计数器=0；
var poll=function（）{
$.getJSON（'/poll/'+计数器，函数（响应）{
计数器=response.count；
变量元素=$（“#输出”）；
elem.text（elem.text（）+response.append）；
//元素文本（计数器）；
poll（）；
});
}
poll（）；
res.end（）whilewhile (clients.length > 0) {
var client = clients.pop();
client.end(JSON.stringify({
count : messages.length,
append : msg + "\n"
}));
if(!clients.length) {
res.end();
}
}
我对你的问题的理解是：
index.HTMLtextarea/poll//msg//poll/index.HTML/msg//msg/res.end（）/msg/resres/msg/req.destroy（）/msg/resindex.htmlindex.html/msg/index.html/msg/index.html/msg/<body>
<textarea id="output" style="width: 90%; height: 90%;">
</textarea>
<div>
<input type="text" id="msg">
<button type="button" onclick="submitMsg()">Submit</button>
</div>
</body>
window.submitMsg = function() {
var msg = $('#msg').val();
$.getJSON('/msg/' + msg, function(res) {
$('#msg').val('');
console.log('message sent.');
});
}
提交
window.submitsg=函数（）{
var msg=$（'#msg'）.val（）；
$.getJSON（'/msg/'+msg，函数（res）{
$（'#msg'）.val（''）；
日志（'消息已发送'）；
});
}
另一个更简单的解决方案是：在一个浏览器窗口中打开
index.html/msg/res.end（'message received successfully'）当我注释掉res.end（）命令时，视图显示所有消息client.end（）