(局部刷新)jquery.ajax提交并实现单个div刷新
2016-10-22 12:15
639 查看
web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的。
jsp页面ajax代码如下:
这个方法可以实现单独刷新一个div,好用的一点就是:如果将div里需要的信息单独放到一个jsp页面里,都不需要我们后台拼装数据了,非常方便。
jsp页面ajax代码如下:
<span style="font-size:18px;line-height: 28px;">$("#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("失败,请稍后再试!"); } }); }); </span>
<span style="font-size:18px;line-height: 28px;"><div id="mainContent"></span><span style="line-height: 21px; font-size: 12px;"> </span>注意:后台需要针对div里的信息单独用一个jsp页面,不然就需要自己封装好需要的页面信息返回
这个方法可以实现单独刷新一个div,好用的一点就是:如果将div里需要的信息单独放到一个jsp页面里,都不需要我们后台拼装数据了,非常方便。
相关文章推荐
- (局部刷新)jquery.ajax提交并实现单个div刷新
- (局部刷新)jquery.ajax提交并实现单个div刷新
- (局部刷新)jquery.ajax提交并实现单个div刷新
- jQuery实现Ajax异步提交表单实现局部刷新
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- jquery 实现页面局部刷新ajax做法
- jQuery实现AJAX定时局部页面刷新
- jquery 实现页面局部刷新ajax做法
- 用jQuery.ajaxWebService请求WebMethod,Ajax处理实现局部刷新
- 通过jQuery实现Ajax局部刷新
- jQuery实现AJAX定时刷新局部页面实例
- jQuery实现form表单基于ajax无刷新提交方法详解
- ajax,jquery,$.post/$.get异步刷新div,局部刷新页面
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时刷新局部页面实例
- JQuery的Ajax请求实现局部刷新的简单实例
- JQuery的Ajax请求实现局部刷新的简单实例
- ajax、jquery、jquery模板实现异步表单,局部刷新
- JQuery的Ajax请求实现局部刷新
- php jQuery . Ajax 实现局部刷新分页