131409230414zzf
//监听表单提交,变为异步提交表单 
$("#add_action").on("submit", function(event){
alert(1);
     var form = this;//this代表的就是当前提交表单的DOM对象
    //用H5的FormData对象对表单数据进行构造
    var formData = new FormData(form);//FormData构造器接收的是一个form的DOM对象
    $.ajax({
        url: this.action,
        type: "POST",
        data: formData,
        dataType: "JSON",
        async: true,
        //要想用jquery的ajax来提交FormData数据,
        //则必须要把这两项设为false
        processData: false,
        contentType: false,
        //这里是防表单重复提交,可以忽略
        beforeSend: function(xhr){
            $("#importForm :submit").attr("disabled",true);
        },
        complete: function(xhr,status){
            $("#importForm :submit").attr("disabled", false);
        },
        error: function(xhr,status,error){
            alert("请求出错!");
        },
        success: function(result){
            alert("表单提交成功!");
        }
    });
 //阻止表单的提交事件
    return false;
 });

分类:

技术点:

相关文章: