(局部刷新)jquery.ajax提交并实现单个div刷新
2013-11-30 10:17
603 查看
web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的。
jsp页面ajax代码如下:
这个方法可以实现单独刷新一个div,好用的一点就是:如果将div里需要的信息单独放到一个jsp页面里,都不需要我们后台拼装数据了,非常方便。
jsp页面ajax代码如下:
$("#waitWork").click(function(){ var url = "请求地址"; var data = {type:1}; $.ajax({ type : "get", async : false, //同步请求 url : url, data : data, timeout:1000, success:function(dates){ //alert(dates); $("#mainContent").html(dates);//要刷新的div }, error: function() { // alert("失败,请稍后再试!"); } }); });
<div id="mainContent">注意:后台需要针对div里的信息单独用一个jsp页面,不然就需要自己封装好需要的页面信息返回
这个方法可以实现单独刷新一个div,好用的一点就是:如果将div里需要的信息单独放到一个jsp页面里,都不需要我们后台拼装数据了,非常方便。
相关文章推荐
- (局部刷新)jquery.ajax提交并实现单个div刷新
- (局部刷新)jquery.ajax提交并实现单个div刷新
- (局部刷新)jquery.ajax提交并实现单个div刷新
- jQuery实现Ajax异步提交表单实现局部刷新
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- jQuery实现AJAX定时局部页面刷新
- php jQuery . Ajax 实现局部刷新分页
- MVC2 与 JQuery 的 Ajax 实现局部刷新的问题
- ajax、jquery、jquery模板实现异步表单,局部刷新
- jQuery ajaxSubmit 实现ajax提交表单局部刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
- jquery实现form表单提交后局部刷新页面的多种方法
- JQuery的Ajax请求实现局部刷新 小案例
- struts2中使用jQuery+ajax实现无刷新提交
- jQuery实现AJAX定时局部页面刷新
- jQuery实现form表单基于ajax无刷新提交方法详解
- jQuery实现AJAX定时刷新局部页面实例
- 【jQuery】将form表单通过ajax实现无刷新提交
- jQuery实现AJAX定时刷新局部页面实例