submit 实现局部刷新
2016-11-09 16:31
155 查看
大家都知道submit提交会刷新整个页面,要局部刷新通常会采用ajax异步请求,今天在这里记录下用submit实现局部刷新的方法。
1、.jsp页面
2、重头戏,局部刷新的实现
1、.jsp页面
<!-- 首先得有个form和一个触发submit事件的按钮,不然根本谈不上submit --> <form id="submitRequest" method="POST" action="itemListTable"> 、、、 、、、 <button type="button" onclick="toSubmimt()">确认</button> </form> <!-- 需要刷新的区域 --> <!-- div也好table也好,随意,重要的是设置的id --> <div id="reloadDiv"> 、、、 、、、 </div> <!-- 提交表单 --> <script type="text/javascript"> function toSubmit(){ //这里面可以做表单提交前的验证判断 $("#submitRequest").submit; } </script>
2、重头戏,局部刷新的实现
<!-- 引入jquery-form.js(这个是必须的,否则绑定form提交事件不会生效,还有一些jquery必需文件不再多说)--> <script src="jquery-form.js"></script> <!-- 实现局部刷新js --> <script type="text/javascript"> $(document).ready(function() { var options = { //需要刷新的区域id target:'#reloadDiv', }; //绑定FORM提交事件 $('#submitRequest').submit(function() { $(this).ajaxSubmit(options); return false; }); }); </script>
相关文章推荐
- jQuery ajaxSubmit 实现ajax提交表单局部刷新
- 使用XML实现页面的局部刷新
- 实现web页面的局部刷新
- AJAX(prototype)实现的局部刷新搜索框实例
- Ajax 实现页面局部刷新
- GetCallbackEventReference方法实现局部刷新,回调非WebSerice实现
- 用WebService实现web页面的局部刷新
- 如何用UpatePanel实现省市区的局部刷新
- 使用AJAX技术实现网页无闪自动局部刷新
- Ajax中,ModalPopup与UpdatePanel结合,实现局部刷新的登录效果 (调用cs服务)
- javascript脚本轻松实现局部刷新
- 利用ajax实现页面的局部刷新
- 利用Ajax实现页面局部刷新
- 利用Ajax实现页面局部刷新
- 用iframe实现的网页局部刷新
- javascript脚本轻松实现局部刷新
- 利用Ajax实现页面局部刷新
- 用iframe实现的网页局部刷新
- 局部刷新的两种实现方式
- 使用 AJAX,局部刷新 GridView 进行数据绑定的简单实现