js + ajax实现自动刷新界面或局部刷新
2017-08-09 00:00
609 查看
最近在做一个网站,需要用到实时刷新,于是就学习了一下有关资料,跟大家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();
}
}
});
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();
}
}
});
相关文章推荐
- js + ajax实现自动刷新界面或局部刷新
- 使用AJAX技术实现网页无闪自动局部刷新
- Ajax实现带有验证码的局部刷新登录界面
- 注册时:js的ajax实现局部刷新验证用户名
- 使用AJAX技术实现网页无闪自动局部刷新
- Ajax实现网页无闪自动局部刷新(邮件接收提示)
- AJAX局部刷新五部曲纯js实现
- 实现带有验证码的ajax局部刷新登录界面
- js 和Jquery 实现Ajax 局部刷新
- JS与Ajax实现异步局部刷新的原理
- js界面刷新&Django使用Ajax实现页面无刷新评论回复功能
- 使用AJAX技术实现网页无闪自动局部刷新
- 纯JS实现AJAX局部刷新功能
- 利用JS实现局部刷新验证码(非Ajax)
- (局部刷新)jquery.ajax提交并实现单个div刷新
- asp.net mvc3 利用Ajax实现局部刷新
- jQuery实现AJAX定时局部页面刷新
- ssh框架搭建:婚庆财务管理系统,AJAX自动刷新,实现增删改查四个功能,
- Ajax 实现页面局部刷新
- js实现iframe的自动刷新