Question

是否可以重新加载页面而不刷新（静默）？ Here是自动重新加载页面的示例。但是您可以很容易地看到页面在一定时间间隔后刷新。我不喜欢最终用户获得这种体验的地方。我希望页面重新加载，但没有刷新。最终用户不应觉得该页面令人耳目一新。是否可以使用简单的HTML？还是jquery？

我不想要jquery的<META HTTP-EQUIV="refresh" CONTENT="5">或setTimeout，因为它会在重新加载时刷新页面？

Answer 1

您必须按设定的时间间隔执行Ajax请求。此主题在此处讨论：How to fire AJAX request Periodically?

Answer 2

不要重新加载整个页面。只需使用ajax重新加载需要更新的组件即可。 jQuery非常适合。

Answer 3

将setInterval与ajax请求一起使用。我将用脚本在1分钟内更新。

var divid = 'yourDivsId'

function createRequestObject() 
{
  var obj;
  var browser = navigator.appName;
    if(browser == "Microsoft Internet Explorer"){
    obj = new ActiveXObject("Microsoft.XMLHTTP");
  }else{
    obj = new XMLHttpRequest();
  }
  return obj;
}

function sendReq(req) 
{   
  http.open('get', req);
  http.onreadystatechange = handleResponse;
  http.send(null);
}

function handleResponse() 
{   
  if (http.readyState == 4)
  {
    var response = http.responseText;
    document.getElementById(divid).innerHTML=response;
  }
}


var http = createRequestObject();
setInterval('yourUrl', 30000); //or whatever time you want.

应该做的伎俩。

如何将ajax成功的变量发送到模板？

3 个答案: