表單序列化與jq中的serialize使用示例
更新時(shí)間: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 的摘要說(shuō)明
/// </summary>
public class Handler02 : IHttpHandler
{
/// <summary>
/// 請(qǐng)求處理
/// </summary>
/// <param name="context"></param>
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
// 方式2(對(duì)應(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)于jquery form表單序列化的注意事項(xiàng)詳解
- jquery form表單序列化為對(duì)象的示例代碼
- jQuery使用serialize()表單序列化時(shí)出現(xiàn)中文亂碼問題的解決辦法
- jquery將一個(gè)表單序列化為一個(gè)對(duì)象的方法
- 基于JavaScript將表單序列化類型的數(shù)據(jù)轉(zhuǎn)化成對(duì)象的處理(允許對(duì)象中包含對(duì)象)
- jquery將一個(gè)表單序列化為一個(gè)對(duì)象的方法
- jQuery將表單序列化成一個(gè)Object對(duì)象的實(shí)例
- JS中from 表單序列化提交的代碼
- form表單序列化詳解(推薦)
相關(guān)文章
JS設(shè)計(jì)模式之狀態(tài)模式概念與用法分析
這篇文章主要介紹了JS設(shè)計(jì)模式之狀態(tài)模式概念與用法,簡(jiǎn)單講述了狀態(tài)模式的概念、功能、應(yīng)用場(chǎng)景并結(jié)合javascript實(shí)例形式分析了狀態(tài)模式的簡(jiǎn)單定義及使用方法,需要的朋友可以參考下2018-02-02基于JavaScript實(shí)現(xiàn)交互式博客
在Web開發(fā)中,JavaScript(JS)是一種至關(guān)重要的編程語(yǔ)言,它使網(wǎng)頁(yè)具有交互性,本文主要介紹了如何使用JavaScript實(shí)現(xiàn)一個(gè)交互式博客,需要的可以了解下2024-01-01uni-app?中清除定時(shí)器實(shí)現(xiàn)方法詳解
這篇文章主要為大家介紹了uni-app?中清除定時(shí)器實(shí)現(xiàn)方法詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-07-07js實(shí)現(xiàn)五星評(píng)價(jià)功能
本文主要介紹了js實(shí)現(xiàn)五星評(píng)價(jià)功能和印象評(píng)價(jià)功能的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03微信小程序自定義tabbar實(shí)現(xiàn)突出樣式詳解流程
tabBar相對(duì)而言用的還是比較多的,但是用起來(lái)并沒有難,下面這篇文章主要給大家介紹了關(guān)于微信小程序全局配置之tabBar的相關(guān)資料,文中通過(guò)圖文以及示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-01-01javascript 事件對(duì)象 坐標(biāo)事件說(shuō)明
javascript 事件對(duì)象 坐標(biāo)事件說(shuō)明,學(xué)習(xí)js坐標(biāo)事件的朋友可以參考下。2010-05-05超酷的網(wǎng)頁(yè)音樂播放器DewPlayer使用方法
在網(wǎng)上閑逛的時(shí)候無(wú)意中看到 Dewplayer 播放器,感覺不錯(cuò),特此分享。2010-12-12