使用AJAX局部刷新页面

局部刷新页面也就是定时性获取数据库信息，此方法也适用于刷新表格，不过表格刷新时会进行闪烁，根据自己代码决定是否使用此方式刷新表格数据（侵删）。

方法一

setInterval(function () {refresh()
},10000)function refresh(){$.ajax({type: "get",cache: false, //不允许有缓存url: " ",  //url路径data: {page: 1,limit: 300,Role: null},success: function success(data) {var name = data.name;$("#name").text(name);   //此处不能使用append，会将数据循环的添加},error: function error() {alert("請求失敗");}});}

方法二

$(document).ready(function(e){setTimeout('refresh()',0);});/*局部自动刷新页面数据*/function refresh(){$.ajax({type: "get",cache: false, //不允许有缓存url: "  ",   //url路径success: function success(data) {var name = data.name;$("#name").text(name);   //此处不能使用append，会将数据循环的添加                },error: function error() {alert("請求失敗");}});setTimeout('refresh()',500);}

使用AJAX局部刷新页面相关推荐

ajax局部刷新页面
1.Ajax应用程序的优势在于: 1. 通过异步模式,提升了用户体验 2. 优化了浏览器和服务器之间的传输,减少不必要的数据往返,减少了带宽占用 3. Ajax引擎在客户端运行,承担了一部分本来由服务 ...
asp ajax局部刷新,ASP.Net用jQuery ajax实现页面局部刷新
刚开始的时候使用asp的updatepanel控件实现局部刷新,而且在本地运行正确,但是部署到服务器上就变成整个页面全部刷新了.服务器用的是Windows server2000,本地机子上用的是win ...
a标签不跳转+ajax异步请求+局部刷新页面
a标签不跳转 <td style="text-align:center;"><a href="" style="color: #2d ...
Ajax局部刷新jsp页面
Ajax局部刷新jsp页面一.需求用户在使用复选框时,复选框的选项可能随用户的操作而发生变化,这时需要刷新该复选框选项,同时做到不刷新整个页面,也就是只刷新jsp页面的一部分,使用ajax异步请求 ...
ajax右侧刷新加载jsp,jsp实现局部刷新页面、异步加载页面的方法
jsp实现局部刷新页面.异步加载页面的方法局部刷新页面.异步加载页面方案: 1.在jsp页面需要刷新的地方增加一个控件 2.新建一个jsp页面:aaa.jsp(用来放置需要刷新的内容) 3.将id为 ...
ajax 刷新output,JSF生命周期及AJAX局部刷新
这些时间可能一直得搞JSF...... 呵呵,这个星期天再一次的仔细的研究了一下这个所谓的6个生命周期的运行情况以及所谓的AJAX局部刷新的问题. 看了core JSF里详细描述的JSF的生命周期,基 ...
Ajax局部刷新后，重新加载百度分享
1.问题在使用ajax请求刷新局部页面后,发现百度分享无法正常使用了.初步估计是因为更新了百度分享的那部分页面但没有重新加载百度分享js导致. 2.重新加载百度分享按照上面上面的猜测重新加载了百度 ...
JQuery 再谈ajax局部刷新
JQuery 再谈ajax局部刷新. 案例: 描述: 1. 点击登录则弹出登录对话框 2. 如果用户名密码不正确,则提示错误信息 3. 当输入信息正确,则刷新登录信息,显示用户名和退出按钮 4. 点击 ...
ajax局部操作,ajax局部刷新是怎么操作的？具体什么步骤呢？
大家知道什么是ajax吗?是的,ajax就是用来局部刷新的作用,那么ajax是如何进行页面的局部刷新呢?具体操作又是怎么样的呢?接下来与大家一起来了解下ajax局部刷新的操作. 简单的来说Ajax就是 ...

使用AJAX局部刷新页面

使用AJAX局部刷新页面

使用AJAX局部刷新页面相关推荐

最新文章

热门文章