jquery.form.js使用心得！

最新推荐文章于 2025-09-05 11:22:47 发布

转载最新推荐文章于 2025-09-05 11:22:47 发布 · 58 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/ShangDev/blog/757336

文章标签：

#javascript #python #json #ViewUI

本文详细介绍了 jQuery Form 插件的功能与用法，包括参数配置如 URL 设置、提交方式等，以及回调函数如提交前处理、成功与失败后的响应处理。通过示例展示了如何使用该插件简化表单操作。

2019独角兽企业重金招聘Python工程师标准>>>

官网地址：jquery_form官网

参数说明： ``` target 返回的结果将放到这个target下 url 如果定义了，将覆盖原form的action type get和post两种方式 dataType 返回的数据类型，可选：json、xml、script clearForm true，表示成功提交后清除所有表单字段值 resetForm true，表示成功提交后重置所有字段 iframe 如果设置，表示将使用iframe方式提交表单 beforeSerialize 数据序列化前：function($form,options){} beforeSubmit 提交前：function(arr,$from,options){} success 提交成功后：function(data,statusText){} error 错误：function(data){alert(data.message);}

使用方法：

var options = { 
    url:'{:url('Company/add')}',  
    type:'post',
    dataType:'json',
    beforeSubmit:function(arr,$from,options){
        for(var i=0;i<arr.length;i++){}
    },
    success: function(data,statusText){
        if(data.state==1){}
    },
    error: function(data){console.log(data.message);}
}; 
$('form').submit(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
});

转载于:https://my.oschina.net/ShangDev/blog/757336