jQuery.Form.js提交表单详解ajaxSubmit()

jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件，它使用方法简单，支持同步和异步两种方式提交。

第一步：引入jQuery与jQuery.Form.js

1 
2 

第二步：HTML示例代码

    

        

        
            姓名：
        
        
        
        

            
                姓名：
            
            
        
        

            
                国家：
            
            蜀国
            魏国
            吴国
        
        

    

第三步：JS代码

$(function () {
    $(":submit").click(function () {
        var options = {
            url: "indexAjax.aspx",
            target: "#div2",
            success: function (data) {
                alert(data);
            }
        };
        $("#form1").ajaxForm(options);
    })
})

第四步：后台处理代码

string strName = Request["name"];
string strAge = Request["age"];
string strCountry = Request["country"];
Response.Clear();
Response.Write("姓名：" + strName + ";   年龄：" + strAge + ";   国家：" + strCountry);
Response.End();

jQuery.Form.js 配置选项options

---

选项	说明
url	表单提交数据的地址
type	form提交的方式(method:post/get)
target	服务器返回的响应数据显示在元素(Id)号
beforeSerialize: function($form, options)	表单数据被序列化之前执行的回调函数，如果在内部return false将终止序列化和提交。
beforeSubmit: function(arr, $form, options)	表单数据被序列化成arr数组，并且在提交前触发的回调函数。
error	提交失败执行的回调函数
success	提交成功后执行的回调函数
data	除了表单数据外，还需要额外提交到服务器的数据
iframe	如果有是否应该使用iframe来上传文件(对旧版本浏览器而言)
iframeSrc	为