表单序列化与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 相关文章推荐
Javascript attachEvent传递参数的办法
Dec 14 Javascript
Javascript学习笔记1 数据类型
Jan 11 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
jQuery 名称冲突的解决方法
Apr 08 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
Aug 26 Javascript
关于JS中的方法是否加括号的问题
Jul 27 Javascript
Vue.Js中的$watch()方法总结
Mar 23 Javascript
微信小程序 跳转方式总结
Apr 20 Javascript
微信小程序页面上下滚动效果
Nov 18 Javascript
VuePress 中如何增加用户登录功能
Nov 29 Javascript
微信小程序swiper左右扩展各显示一半代码实例
Dec 05 Javascript
原生JavaScript实现进度条
Feb 19 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
php ob_flush,flush在ie中缓冲无效的解决方法
2010/05/09 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
PHP中类的继承和用法实例分析
2016/05/24 PHP
php多进程中的阻塞与非阻塞操作实例分析
2020/03/04 PHP
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
利用javascript的面向对象的特性实现限制试用期
2011/08/04 Javascript
自己动手制作jquery插件之自动添加删除行功能介绍
2011/10/14 Javascript
js实现点击按钮后给Div图层设置随机背景颜色的方法
2015/05/06 Javascript
JavaScript中Function()函数的使用教程
2015/06/04 Javascript
jQuery动态背景图片效果实现方法
2015/07/03 Javascript
react native与webview通信的示例代码
2017/09/25 Javascript
react native 获取地理位置的方法示例
2018/08/28 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
2018/09/18 Javascript
解决使用layui对select append元素无效或者未及时更新的问题
2019/09/18 Javascript
vue引入静态js文件的方法
2020/06/20 Javascript
Vue实现背景更换颜色操作
2020/07/17 Javascript
Node.js fs模块原理及常见用途
2020/10/22 Javascript
python定时检查启动某个exe程序适合检测exe是否挂了
2013/01/21 Python
Python中正则表达式详解
2017/05/17 Python
python爬虫获取多页天涯帖子
2018/02/23 Python
Python中format()格式输出全解
2019/04/12 Python
Python实现打砖块小游戏代码实例
2019/05/18 Python
Python3 itchat实现微信定时发送群消息的实例代码
2019/07/12 Python
Python编程快速上手——正则表达式查找功能案例分析
2020/02/28 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
基于OpenCV的网络实时视频流传输的实现
2020/11/15 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
Jacadi Paris美国官方网站:法国童装品牌
2017/10/15 全球购物
StubHub中国:购买和出售全球活动门票
2020/01/01 全球购物
医科学校毕业生自荐信
2013/11/09 职场文书
行政总监岗位职责
2013/12/05 职场文书
红色经典电影观后感
2015/06/18 职场文书
导游词之湖北梁子湖
2019/11/07 职场文书
python实现股票历史数据可视化分析案例
2021/06/10 Python
zabbix自定义监控nginx状态实现过程
2021/11/01 Servers