使用setTimeout节点玉表达动态更新内容

Question

hello I am new to node and would like to have html content update dynamically every say second. I am able to update a value with set timeout the following way, however I must refresh the page in order to see the change

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

function getName(currentName) {
    return currentName + " more hello world ";
}

function updateApp(data) {

    data.name = getName(data.name); // get desired text
    app.get('/', function(req, res){
        res.render("index", {data: data});
    });
    setTimeout(function() {updateApp(data)}, 1000); // schedule values update
}

app.set('views', __dirname+'/views');
app.set('view engine', 'jade');


var startValue = "hello world"
var data = {
    name: startValue
}
//start app
updateApp(data);

app.listen(3000);

where

html
    head
        script(type='text/javascript').
            var data = !{data};
    body
        h1 
            text= data.name

is my jade template. Is there a simple way to change this so that the updated text is displayed without a page refresh?

Answer 1

Click here for my JSFiddle

function loadXMLDoc(url, method, callback) {
    var xmlhttp = window.XMLHttpRequest?xmlhttp=new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
    xmlhttp.onreadystatechange=function() {
          if (xmlhttp.readyState==4) {
              if(xmlhttp.status==200) {
              callback(xmlhttp.responseText);
              } else callback(false);
          }
      }
    xmlhttp.open(method,url,true);
    xmlhttp.send();
    }

var UpdateAlgo = function() {
    loadXMLDoc("http://ajax-url-here/", "POST",
        function(result) {
            if(result !== false) {
            document.getElementById("myDiv").innerHTML = result;
            }
        AfterUpdate();
        });
    }

var AfterUpdate = function() {
    window.setTimeout(function() {
        UpdateAlgo();
        }, 1000);
    }

AfterUpdate();

I think you should be able to learn a bit from this