ajaxSubmit

$('button').on('click', function() {

    $('form').on('submit', function() {
        var title = $('inpur[name=title]').val(),
            content = $('textarea').val();

        $(this).ajaxSubmit({
            type: 'post', // 提交方式 get/post
            url: 'your url', // 需要提交的 url
            data: {
                'title': title,
                'content': content
            },
            success: function(data) { // data 保存提交后返回的数据，一般为 json 数据
                // 此处可对 data 作相关处理
                alert('提交成功！');
            }
            $(this).resetForm(); // 提交后重置表单
        });
        return false; // 阻止表单自动提交事件
    });
});

 

// 局部提交表单

function formSubmit(formId, divId, url) { 　　

　　$('#' + formId).submit(function() { 　　　　$

　　　　(this).ajaxSubmit( { 　　　　　　

　　　　　　target : '#' + divId, 　　　　　　

　　　　　　url : url, 　　　　　　

　　　　　　error : function() { 　　　　　　　　

　　　　　　　　alert('加载页面' + url + '时出错！') 　　　　　　

　　　　　　} 　　　　

　　　　}); 　　　　

　　　　return false; 　　

　　});

}

 

$(document).ready(function() {
　　var options = {
　　　　target : '#mydiv', // 需要刷新的区域
　　　　// beforeSubmit: showRequest, // 提交前调用的方法
　　　　// success: showResponse // 返回后笤俑的方法
　　　　// other available options:
　　　　// url: url // 提交的URL, 默认使用FORM ACTION
　　　　// type: type // 'get' or 'post', override for form's 'method' attribute
　　　　// dataType: null // 'xml', 'script', or 'json' (expected server
　　　　// response type)
　　　　// clearForm: true // 是否清空form
　　　　// resetForm: true // 是否重置form
　　　　// $.ajax options can be used here too, for example:
　　　　// timeout: 3000
　　};
　　// 绑定FORM提交事件
　　$('#myForm').submit(function() {
　　　　$(this).ajaxSubmit(options);
　　　　// !!! Important !!!
　　　　// always return false to prevent standard browser submit and page
　　　　// navigation
　　　　return false;
　　});
});

 

 

<script type="text/javascript" src="jquery/jquery.js"></script></head>  

<script type="text/javascript" src="jquery/jquery.form.js"></script>  

<script type="text/javascript">  

   $(function() {  

        $("#loginform").submit(function(){  

            $(this).ajaxSubmit({  

                type:"post",  //提交方式  

                dataType:"json", //数据类型  

                url:"${basePath}/login.action", //请求url  

                success:function(data){ //提交成功的回调函数  

               　　alert(data.result);               

  　　　　}  

            });  return false; //不刷新页面  

        });  

    });  

</script>