700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > js实现页面指定区域局部刷新

js实现页面指定区域局部刷新

时间:2022-06-24 14:57:09

相关推荐

js实现页面指定区域局部刷新

以下总结了一些常用的前端刷新页面的方法:

<a href="javascript:" onclick="history.go(-2); ">返回前两页</a>

<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>

<a href="javascript:" onclick="history.back(); ">返回上一页</a>

<a href="javascript:history.go(-1)">返回上一页</a>

<a href="javascript:location.reload()">重载页面,本地刷新</a>

<a href="javascript:history.go(-1);location.reload()">返回上一页重载页面,本地刷新</a>

<a href="javascript:window.stop()">停止跳转</a>

停止跳转:IE浏览器用document.execCommand("Stop"),Chrome和Firefox用window.stop()

返回上一页:window.history.go(-1);

本地刷新: window.location.reload();

局部刷新(“#table_table”是需要刷新的框架id):$("#content_table").load(location.href+" #content_table");

jsp端:

<script>

$(document).ready(function() {//页面加载完成后执行此函数

var tpid=<%=pid%>;

fresh();

});

function fresh() {

var tpid=<%=pid%>;

//alert(tpid);

$.ajax({

type : "POST",//

url : "genxin.do",//请求地址

dataType : 'json',//传输类型

data : "pid=" + tpid,//输出数据

success : function(data) {//服务器返回的值,这里面是你要刷新的东西

var table = $(".table");

table.empty();

table.append("<tr><td>药品ID</td><td>药名</td><td>药品需重</td><td>已取重量</td><td>抓药进度</td></tr>");

$.each(data,function(index,val){//它可以遍历一维数组、多维数组、DOM, JSON 等等格式

table.append("<tr><td>"+val.mid+"</td><td>"+val.mname+"</td><td>"+val.mweight+"</td><td>"+val.yiqu+"</td><td>"+val.jindu+"</td></tr>");

});

},error:function(){

alert("error");

}

});

setTimeout("fresh()", 1000);//每隔一秒递归调用此函数,实现刷新的功能。

}

</script>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。