萬盛學電腦網 >> 腳本專題 >> javascript >> 表單序列化與jq中的serialize使用示例
表單序列化與jq中的serialize使用示例
這篇文章主要介紹了表單序列化與jq中的serialize使用,需要的朋友可以參考下
代碼如下: <!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; } } }javascript排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved