submit 实现局部刷新

大家都知道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>