submit 实现局部刷新

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

1、.jsp页面



<form id="submitRequest" method="POST" action="itemListTable">
    、、、
    、、、
    <button type="button" onclick="toSubmimt()">确认button>
form>



<div id="reloadDiv">
    、、、
    、、、
div>


<script type="text/javascript">
    function toSubmit(){
        //这里面可以做表单提交前的验证判断
        $("#submitRequest").submit;
    }
script>

2、重头戏,局部刷新的实现


<script src="jquery-form.js">script>


<script type="text/javascript">
    $(document).ready(function() {
        var options = {   
            //需要刷新的区域id 
            target:'#reloadDiv',    
        };   
        //绑定FORM提交事件  
        $('#submitRequest').submit(function() {  
            $(this).ajaxSubmit(options);   
            return false;   
        }); 
    });     
script>

你可能感兴趣的:(H5)