表單序列化，jq中的serialize，ajax提交整個form表單，無需逐個拼寫json
阿新 • • 發佈：2019-01-06
</pre><pre name="code" class="html"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript" src="lib/jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function () { $("#btnSubmit").click(function () { $.ajax({ type: "post", url: "Handler02.ashx", data: $("#frmUserInfo").serialize(), success: function (result) { $("#msg").html(result); } }); return false; }); }); </script> </head> <body> <form id="frmUserInfo" action="#"> <table> <tr> <td> 姓名 </td> <td> <input type="text" id="txtUserName" name="txtUserName" /> </td> </tr> <tr> <td> 密碼 </td> <td> <input type="password" id="txtUserPwd" name="txtUserPwd" /> </td> </tr> <tr> <td colspan="2"> <input type="submit" id="btnSubmit" value="提交" /> </td> </tr> </table> </form> <div id="msg"></div> </body> </html>
/// <summary> /// Handler 的摘要說明 /// </summary> public class Handler02 : IHttpHandler { /// <summary> /// 請求處理 /// </summary> /// <param name="context"></param> public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/plain"; // 方式2（對應表單序列化） string userName = context.Request.Form["txtUserName"].ToString(); string userPwd = context.Request.Form["txtUserPwd"].ToString(); context.Response.Write(string.Format("姓名：{0}，密碼：{1}", userName, userPwd)); context.Response.End(); } public bool IsReusable { get { return false; } } }
var array=$("form1").serializeArray();//直接序列化為json陣列
array['requestType']=type;//新增請求型別的鍵值
$.post("AddProductInfo.aspx",array,function(result){//直接把追加值之後的Json陣列傳過去就好了
//pass
})
//在aspx頁面直接使用this.Request.Form['鍵值']來獲取至即可