使用 Ajax 和 Nodejs 更新页面上的数据

Question

我正在尝试编写一个循环来每 30 秒更新一次网页，但我不确定如何使用 setInverval 函数进行 ajax 调用。这是我的服务器代码：

var app = express()
app.get('/', function(req, res){
// error here
res.sendFile('./index.html',{root: __dirname})
//...Some data 
res.send(data)
});

我的 index.html 中有一个 setInverval 函数：

<script>
function ajaxCall(){
  $.ajax({url: "http://localhost:3000/", success: function(result){
    // I want to receive new result every 30 seconds
  }})

}
setInterval(ajaxCall,30000)
</script>

由于我不确定如何处理 app.get("/") 和 ajax 请求，所以我得到了

Error: Can't set headers after they are sent.

因为我尝试发送数据两次

我应该如何修改代码，以便我可以看到我的数据显示在“http://localhost:3000/”上并且每 30 秒更新一次？

谢谢。

Answer 1

Can't set headers after they are sent 通常表示您两次响应请求。

你不能那样做。

对于每个request/req，应该只有一个response/res。

app.get('/', function(req, res) {
  // you respond to the request here
  res.sendFile('./index.html',{root: __dirname});
  // and you respond again here
  res.send(data)
});

决定是否要为该端点使用sendFile() 或send(data)。

从您的代码来看，您可能想要创建 另一个 端点，以使用您的 AJAX 调用，后者在哪里进行

// serve your index
app.get('/', function(req, res) {
  res.sendFile('./index.html',{root: __dirname})
});

// serve your data
// Your AJAX call should hit this endpoint instead
app.get('/data', function(req, res) {
  var data = 'lorem ipsum dolor';
  res.send(data);
});

Answer 2

就像 Nicholas Kyriakides 所说，您需要定义以下内容：

// serve your index
app.get('/', function(req, res){
  res.sendFile('./index.html',{root: __dirname})
});

// serve your data
// Your AJAX call should hit this endpoint instead
app.get('/data', function(req, res) {
 var data = "lorem ipsum dolor";
  res.send(data);
});

然后，您需要更改您的 AJAX 调用：

<script>
function ajaxCall(){
  $.ajax({url: "http://localhost:3000/data", success: function(result){
    //do whatever you want with the returned data (in result)
    //f.e. to update something on your web page, you want something like:
    document.getElementById("idOfElementYouWantChanged").innerHTML = result;
  }})

}
setInterval(ajaxCall,30000)
</script>