表单序列化与jq中的serialize使用示例


Posted in Javascript onFebruary 21, 2014
<!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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
IE6 fixed的完美解决方案
Mar 31 Javascript
JS模块与命名空间的介绍
Mar 22 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
JS Ajax请求如何防止重复提交
Jun 13 Javascript
JS中setTimeout和setInterval的最大延时值详解
Feb 13 Javascript
AngularJS select加载数据选中默认值的方法
Feb 28 Javascript
vue-cli webpack 引入swiper的操作方法
Sep 15 Javascript
微信小程序上线发布流程图文详解
May 06 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
手把手带你搭建一个node cli的方法示例
Aug 07 Javascript
js制作提示框插件
Dec 24 Javascript
常规表格多表头查询示例
Feb 21 #Javascript
Javascript中引用示例介绍
Feb 21 #Javascript
jquery解析XML字符串和XML文件的方法说明
Feb 21 #Javascript
js 删除数组的几种方法小结
Feb 21 #Javascript
jquery制作居中遮罩层效果分享
Feb 21 #Javascript
jquery遍历checkbox介绍
Feb 21 #Javascript
jquery遍历checkbox的注意事项说明
Feb 21 #Javascript
You might like
实现“上一页”和“下一页按钮
2006/10/09 PHP
php disk_free_space 返回目录可用空间
2010/05/10 PHP
php数组一对一替换实现代码
2012/08/31 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
utf8的编码算法 转载
2006/12/27 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
扩展jQuery对象时如何扩展成员变量具体怎么实现
2014/04/25 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
ECMAScript6变量的解构赋值实例详解
2017/09/19 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
vuex实现登录状态的存储,未登录状态不允许浏览的方法
2018/03/09 Javascript
js指定日期增加指定月份的实现方法
2018/12/19 Javascript
node.js使用fs读取文件出错的解决方案
2019/10/23 Javascript
vue ssr服务端渲染(小白解惑)
2019/11/10 Javascript
vue监听dom大小改变案例
2020/07/29 Javascript
vue实现简易计算器功能
2021/01/20 Vue.js
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
Python使用修饰器执行函数的参数检查功能示例
2017/09/26 Python
python3.6 实现AES加密的示例(pyCryptodome)
2018/01/10 Python
Android基于TCP和URL协议的网络编程示例【附demo源码下载】
2018/01/23 Python
Python统计单词出现的次数
2018/04/04 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
Python实现数值积分方式
2019/11/20 Python
opencv3/C++图像像素操作详解
2019/12/10 Python
Python中if有多个条件处理方法
2020/02/26 Python
paramiko使用tail实时获取服务器的日志输出详解
2020/12/06 Python
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
2014/04/16 HTML / CSS
活动志愿者自荐信
2014/01/27 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
2014年信访维稳工作总结
2014/12/08 职场文书
焦裕禄观后感
2015/06/03 职场文书
放假通知怎么写
2015/08/18 职场文书
给校长的建议书作文400字
2015/09/14 职场文书
预防职务犯罪警示教育心得体会
2016/01/15 职场文书