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>

js实现页面指定区域局部刷新相关推荐

js打印页面指定区域内容
2种方式: 一种只支持IE浏览器另一种支持各类浏览器 <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
JS打印页面指定区域
错误的写法: //打印 functionprintPage(areaId) {if (parent.$("#PrinFrame").length == 0) {parent.$(& ...
Servlet向JSP传递数据以及JSP页面DIV定时局部刷新
系列文章: ESP8266的AP模式与STA模式简单测试简单的Java服务器和客户端的通信 STM32 ESP8266和Java服务器透传模式下的双向通信 jsp向servlet传输数据 Servl ...
Requests+Etree+BeautifulSoup+Pandas+Path+Pyinstaller应用 | 获取页面指定区域数据存入html、excel文档
Requests+Etree+BeautifulSoup+Pandas+Path应用 | 获取页面指定区域数据存入html.excel文档 1 需求来源 2 需求细节 3 设计分析 4 技术栈 5 设 ...
html中js实现跳转,JS实现页面跳转与刷新的方法汇总
window.location(.href)="url" 其实 .href 可以省略 window.location和 window.location.href实现的效果是一样的 ...
FineReport——JS二次开发（局部刷新）
在FR中,可以通过在form表单设置多个报表模板,然后通过对某一模板刷新实现局部刷新的功能,在cpt模板中,由于只存在一个模板,所以无法实现局部刷新. 其实,最好的局部刷新办法是自定义一个页面,然后添 ...
js实现鼠标滚轮放大缩小页面指定区域(css3 scale)
一.需求鼠标滚轮在红色边框区域内向上滚动:绿色边框盒子里所有元素缩小. 鼠标滚轮在红色边框区域内向下滚动:绿色边框盒子里所有元素放大. 点击还原按钮:绿色盒子里所有元素还原为初始值. 二.相关知识点 ...
JS禁用页面某区域不可选中文字、及修复导致行内编辑出现某单元格不可输入的问题
最近做了一个双击row的响应功能,不希望在双击table的row时出现文字复制的效果,影响体验,所以找到了禁用页面复制的js代码 document.onselectstart = function() ...
# js 打印预览和局部刷新
你需要打印的内容 <table><tr><td></td></tr></table> ...

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

js实现页面指定区域局部刷新相关推荐

最新文章

热门文章