(局部刷新)jquery.ajax提交并实现单个div刷新
来源:互联网 发布:网络广告位招商 编辑:程序博客网 时间:2024/05/22 00:13
web开发中我们经常会遇到局部刷新页面的需求,以前我经常使用ajax和iframe实现局部刷新,后来做政府的项目,对页面的样式要求比较多,发现使用iframe控制样式什么的很麻烦,所以就采用了新的办法,就是下面我们要说的ajax配合div局部刷新页面,其实很简单,下面我们就看一下这种刷新方式是如何实现的。
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页面里,都不需要我们后台拼装数据了,非常方便。
1 0
- (局部刷新)jquery.ajax提交并实现单个div刷新
- (局部刷新)jquery.ajax提交并实现单个div刷新
- (局部刷新)jquery.ajax提交并实现单个div刷新
- 使用jQuery实现Ajax异步提交表单实现局部刷新
- jQuery实现Ajax异步提交表单实现局部刷新
- jquery ajax配合SpringMVC实现局部刷新DIV
- jquery ajax配合SpringMVC实现局部刷新DIV
- ajax,jquery,$.post/$.get异步刷新div,局部刷新页面
- jquery + ajax 局部刷新
- jquery ajax 局部刷新
- 通过jQuery实现Ajax局部刷新
- JQuery的Ajax请求实现局部刷新
- js 和Jquery 实现Ajax 局部刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jquery 实现页面局部刷新ajax做法
- jquery+Struts2实现ajax局部刷新分页
- 2015年武汉赛后总结
- 300色 柔和色彩渐变色卡(十六进制)
- Struts2中的ModelDriven机制及其运用
- android 底部弹出选项,背景透明,PopupWindow的使用
- 大数据处理算法二:Bloom Filter算法
- (局部刷新)jquery.ajax提交并实现单个div刷新
- C++友元函数学习
- Scala开发学习笔记
- 大数据处理算法三:分而治之/hash映射 + hash统计 + 堆/快速/归并排序
- sitemesh简介
- Mina框架学习笔记(六)
- ubuntu操作系统下GIT服务器搭建步骤
- java.lang.ClassNotFoundException: com.microsoft.jdbc.sqlserver.SQLServerDriver
- 友盟三方登录,分享,推送demo