我对 Node JS 相当陌生,但一直在尝试使用它进行一些 AJAX 并尝试读取和写入文件。我现在想知道的是 Node JS 服务器是否可以告诉 HTML 页面进行更改,或者页面是否必须发出一些请求才能从服务器接收有关如何更改的信息。
(希望)澄清:假设我有一个 id 为 ajax-retrieve
的按钮,单击该按钮时会从我的 Node JS 服务器请求一些信息:
$('#ajax-retrieve').click(function () {
$.ajax({
url: 'http://localhost:8124/',
data: 'fn=open',
dataType: "jsonp",
cache: false,
timeout: 5000,
success: function(data) {
console.log(data);
$("#input-ready").html(data.save.text);
},
error: function(jqXHR, textStatus, errorThrown) {
alert('error ' + textStatus + " " + errorThrown);
}
});
});
成功接收到从服务器返回的一些数据后,回调(如您所见)将数据记录在控制台中,并将其中的一部分放入 ID 为 input-ready
的元素中。但是,如果请求失败或超时,则会出现一个警告框,提供错误的详细信息。
服务器端代码大致如下:
http.createServer(function (req, res) {
"use strict";
var queryObj = url.parse(req.url, true).query;
queryObj.fn = queryObj.fn || '';
queryObj.callback = queryObj.callback || '';
if (queryObj.callback) {
if (queryObj.fn === 'open') {
fs.readFile('jsonp-storage-2.txt', function (err, data) {
if (err) {
throw err;
} else {
queryObj.save = data;
res.writeHead(200, {'Content-Type': 'application/javascript'});
res.write(queryObj.callback + '({ fn: "' + queryObj.fn + '", save: ' + queryObj.save + ' })');
res.end();
}
});
} else {
console.log('Function (fn property) not recognised.');
}
}
}).listen(8124);
但是,如果服务器在将数据传递到我的 HTML 页面之前需要对数据执行一些更复杂的操作,并且如果我的服务器代码可能需要一些时间来完成该操作,该怎么办?有没有办法将返回的数据分块并在准备好时返回相关部分,或者需要来 self 的 HTML 页面的单独请求?
理想情况下,我不希望我的 HTML 页面必须不断向服务器请求它已经请求的信息,以查看它是否已准备好。我想要某种回调,以便当服务器完成时,HTML 页面接收它需要的数据并相应地更改显示?这可能是一个基本问题,但我所描述的可能吗?
最佳答案
您似乎在描述长轮询,这是一种http连接长时间保持打开状态并在数据可用时以 block 的形式发回的技术。更一般地说,我认为您确实对服务器推送感兴趣 - 服务器在没有客户端明确请求的情况下发回数据,这与长轮询近似。我最喜欢的 Node.js 解决方案是 socket.io ,一个库,它为服务器推送提供了一个干净的包装器,并根据客户端浏览器中可用的技术自动使用多种技术(包括长轮询)。
关于javascript - Node JS 能否提示 HTML 页面发生变化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14487051/