js + ajax实现自动刷新界面或局部刷新

最近在做一个网站，需要用到实时刷新，于是就学习了一下有关资料，跟大家share一下。

1)其实刷新不用js也可以实现。单纯的html可以用meta标签搞定

<meta http-equiv="refresh"content="10;url=xxx.com">
//表示间隔10秒后刷新,即打开网页后10秒就跳转到了xxx.com中

2)js的话，有一个reload的函数和navigate的函数可以实现刷新整个页面

<script language=''javascript''>
window.location.reload(true);
</script>
//如果是你要刷新某一个iframe就把window给换成frame的名字或ID号
//navigate函数是个跳转函数，如果你给函数传参为自身的url，等于从本页面跳到了本页面，也实现了刷新的效果。
<script language=''javascript''>
window.navigate(”localUrl");
</script>

3)实现定时刷新

<script>setTimeout("location.href='url'",2000)</script>
//url是要刷新的页面URL地址
//2000是等待时间=2秒，

4)jsp中定时刷新

<% response.setHeader("refresh","1"); %>
//每一秒刷新一次

5)js+ajax局部刷新：

setTimeout(function() {
Push();
},
200);//setTimeout 程序执行后200毫秒执行push，但是仅此一次。execute the function push only one time after the program began to work
setInterval(function() {

Push();

},
3000);//三秒后执行 execute it after 3 seconds

/*请求函数的ajax*/

function Push() {

$.ajax({

type: "POST",
url: "url.jsp",//需要跳转到的界面 the page you want to post data
data: {
data: data//要传给后台的数据 the data you should send to background
},
beforeSend: function() {},//在发送之前你可以进行相关操作 what you want to do before send
success: function(data) {
//需要执行的操作 execute it
}else {
$(".tongzhi").html(0).hide();
}
}
});