Jquery提交form表單

前臺代碼

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Js_submit.aspx.cs" Inherits="Ctrip.Corp.Report.OfflineSite.CorpReportSetting.Js_submit" %>
 2 
 3 <html xmlns="http://www.w3.org/1999/xhtml">
 4 <head>
 5     <title>Jquery快速提交form表單</title>
 6     <link type="text/css" href="../Content/Css/StyleSheet.css" rel="Stylesheet" />
 7     <script type="text/javascript" src="../Content/js/jquery.min.js"></script>
 8     <script type="text/javascript" src="../Content/js/jquery.form.js"></script>
 9 </head>
10 <body>
11 
12 <form id="form1" action="?Action=AddCustomer" method="post">
13     <p><b>新增客戶資料</b></p>
14     <span>Name: </span><input type="text" name="Name" value="abc" /><br />
15     <span>Age: </span><input type="text" name="Age" value="20" /><br />
16     <span>Address: </span><input type="text" name="Address" value="武漢" /><br />
17     <span>Tel:</span> <input type="text" name="Tel" value="12345678" /><br />
18     <span>Email: </span><input type="text" name="Email" value="test@163.com" /><br />
19     <br />
20     <input type="submit" name="btnAddCustomer" value="保存客戶資料" />
21 </form>
22 
23 <hr />
24 <p><b>服務器返回的結果：</b></p>
25 <textarea id="output" cols="20" rows="50" style="width: 90%; height: 200px"></textarea>
26 
27 
28 <script type="text/javascript">
29     $(function () {
30         // 只需要下面這個調用就可以將表單改成異步提交方式！
31         var options = {
32             success: showResponse,
33             resetForm: true,
34 //            url: "../user/msg.do?d=sendMsgByAjax"
35         };
36         $("#form1").ajaxForm(options);
37     });
38      
39     function showResponse(result){//回調函數   
40        if(1 == result){   
41           alert("信息發送成功！");   
42      }else{   
43           $("#output").val(result);
44       }   
45     }  
46 
47 </script>
48 
49 </body>
50 </html>

后臺代碼

 1  public partial class Js_submit : Page
 2     {
 3         protected void Page_Load(object sender, EventArgs e)
 4         {
 5             string action = "";
 6             Customer customer = new Customer();
 7             if (!string.IsNullOrEmpty(Request.QueryString["Action"]))//獲取form的Action中的參數
 8             {
 9                 action = Request.QueryString["Action"].Trim();//去掉空格
10             }
11 
12             switch (action)
13             {
14                 case "AddCustomer":
15                     if (!string.IsNullOrEmpty(Request.Form["Address"]) && !string.IsNullOrEmpty(Request.Form["Age"])
16                         && !string.IsNullOrEmpty(Request.Form["Email"]) && !string.IsNullOrEmpty(Request.Form["Name"]) && !string.IsNullOrEmpty(Request.Form["Tel"]))//獲取form中的參數
17                     {
18                         customer.Address = Request.Form["Address"].ToString();
19                         customer.Age = Convert.ToInt32( Request.Form["Age"]);
20                         customer.Email = Request.Form["Email"].ToString();
21                         customer.Name = Request.Form["Name"].ToString();
22                         customer.Tel = Request.Form["Tel"].ToString();
23                     }
24                     AddCustomer(customer);
25                     break;
26             }
27         }
28 
29         public void AddCustomer(Customer customer)
30         {
31             // 簡單地返回一個XML字符串。
32             // 告訴客戶端：服務端收到了什么樣的數據。
33             string ss = XMLSerializer.Serialize(customer, typeof(Customer));
34             Response.Clear();
35             Response.Write(ss);
36             Response.End();
37         }
38 
39     }

轉載于:https://www.cnblogs.com/AnXinliang/p/5151746.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/375123.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/375123.shtml
英文地址，請注明出處：http://en.pswp.cn/news/375123.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！