您的位置:首页 > 其它

submit 实现局部刷新

2016-11-09 16:31 155 查看
大家都知道submit提交会刷新整个页面,要局部刷新通常会采用ajax异步请求,今天在这里记录下用submit实现局部刷新的方法。

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息