表單序列化與jq中的serialize使用示例
更新時間：2014年02月21日 11:26:05 作者：
這篇文章主要介紹了表單序列化與jq中的serialize使用,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<!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>
復(fù)制代碼 代碼如下:
/// <summary>
/// Handler 的摘要說明
/// </summary>
public class Handler02 : IHttpHandler
{
/// <summary>
/// 請求處理
/// </summary>
/// <param name="context"></param>
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
// 方式2（對應(yīng)表單序列化）
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;
}
}
}
相關(guān)文章
下面小編就為大家?guī)硪黄猨s判斷是否為空和typeof的用法(詳解)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
這篇文章主要介紹了JS設(shè)計模式之狀態(tài)模式概念與用法,簡單講述了狀態(tài)模式的概念、功能、應(yīng)用場景并結(jié)合javascript實(shí)例形式分析了狀態(tài)模式的簡單定義及使用方法,需要的朋友可以參考下2018-02-02
基于JavaScript實(shí)現(xiàn)交互式博客
在Web開發(fā)中,JavaScript（JS）是一種至關(guān)重要的編程語言,它使網(wǎng)頁具有交互性,本文主要介紹了如何使用JavaScript實(shí)現(xiàn)一個交互式博客,需要的可以了解下2024-01-01
這篇文章主要為大家詳細(xì)介紹了Bootstrap表單使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
uni-app?中清除定時器實(shí)現(xiàn)方法詳解
這篇文章主要為大家介紹了uni-app?中清除定時器實(shí)現(xiàn)方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)上傳并壓縮圖片的相關(guān)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-01-01
本文主要介紹了js實(shí)現(xiàn)五星評價功能和印象評價功能的實(shí)例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
微信小程序自定義tabbar實(shí)現(xiàn)突出樣式詳解流程
tabBar相對而言用的還是比較多的,但是用起來并沒有難,下面這篇文章主要給大家介紹了關(guān)于微信小程序全局配置之tabBar的相關(guān)資料,文中通過圖文以及示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01
javascript 事件對象 坐標(biāo)事件說明，學(xué)習(xí)js坐標(biāo)事件的朋友可以參考下。2010-05-05
在網(wǎng)上閑逛的時候無意中看到 Dewplayer 播放器，感覺不錯，特此分享。2010-12-12