萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> 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;  }  }  } 
copyright © 萬盛學電腦網 all rights reserved