以下总结了一些常用的前端刷新页面的方法:
<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>