jQuery.Form.js 异步提交表单使用总结

1 <script src="jQuery.1.8.3.js" type="text/javascript"></script>
2 <script src="jQuery.Form.js" type="text/javascript"></script>

<div id="div1">
    <form id="form1" method="get" action="#">
        <p>
        <label for="name">
             姓名：
         </label>
        <input type="text" name="name" />
        </p>
        <p>
            <label for="age">
                 姓名：
             </label>
            <input type="text" name="age" />
        </p>
        <p>
            <label for="country">
                 国家：
             </label>
            <input type="checkbox" name="country" value="1" />蜀国
             <input type="checkbox" name="country" value="2" />魏国
             <input type="checkbox" name="country" value="3" />吴国
         </p>
        <p><input type="submit" value="确认" /></p>
    </form>
</div>
<div id="div2"></div>

$(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();