表单序列化与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 数组循环引起的思考
Jan 01 Javascript
jQuery ajax BUG:object doesn't support this property or method
Jul 06 Javascript
jQuery中prepend()方法用法实例
Dec 25 Javascript
JS+CSS实现的拖动分页效果实例
May 11 Javascript
JavaScript事件委托实例分析
May 26 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
Jun 11 jQuery
微信JS SDK接入的几点注意事项(必看篇)
Jun 23 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
js中arguments对象的深入理解
May 14 Javascript
element-ui如何防止重复提交的方法步骤
Dec 09 Javascript
Vue切换组件实现返回后不重置数据,保留历史设置操作
Jul 21 Javascript
vue键盘事件点击事件加native操作
Jul 27 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
PHP4在Windows2000下的安装
2006/10/09 PHP
海河写的 Discuz论坛帖子调用js的php代码
2007/08/23 PHP
php实现将Session写入数据库
2015/07/26 PHP
PHP和MYSQL实现分页导航思路详解
2017/04/11 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
键盘 keycode的值 javascript时触发事件时很有用的要素
2009/11/02 Javascript
js querySelector和getElementById通过id获取元素的区别
2012/04/20 Javascript
js无刷新操作table的行和列
2014/03/27 Javascript
不使用ajax实现无刷新提交表单
2014/12/21 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
JavaScript 常见安全漏洞和自动化检测技术
2015/08/21 Javascript
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
angularjs 缓存的使用详解
2018/03/19 Javascript
vue 项目build错误异常的解决方法
2019/04/22 Javascript
JS表格的动态操作完整示例
2020/01/13 Javascript
js实现登录拖拽窗口
2020/02/10 Javascript
Vue中computed及watch区别实例解析
2020/08/01 Javascript
Python中optionParser模块的使用方法实例教程
2014/08/29 Python
python如何实现内容写在图片上
2018/03/23 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
Python 绘制可视化折线图
2020/07/22 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
python3.9和pycharm的安装教程并创建简单项目的步骤
2021/02/03 Python
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
ALDO英国官网:加拿大女鞋品牌
2018/02/19 全球购物
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
可以在一个PHP文件里面include另外一个PHP文件两次吗
2015/05/22 面试题
店面销售职位的职责
2014/03/09 职场文书
汽车促销活动方案
2014/03/31 职场文书
房屋公证委托书
2014/04/03 职场文书
个人股份合作协议书
2014/10/24 职场文书
创先争优个人总结
2015/03/04 职场文书
民事起诉书范本
2015/05/19 职场文书
小型婚礼主持词
2015/06/30 职场文书
市级三好生竞选稿
2015/11/21 职场文书
如何撰写出一份完美的商业计划书?
2019/07/12 职场文书