表单序列化与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技术-屏蔽类
Aug 15 Javascript
javascript 在网页中的运用(asp.net)
Nov 23 Javascript
JavaScript对象之间的转换 jQuery对象和原声DOM
Mar 07 Javascript
如何使用Jquery获取Form表单中被选中的radio值
Aug 09 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
AngularJS 使用 UI Router 实现表单向导
Jan 29 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
微信小程序页面传值实例分析
Apr 19 Javascript
浅析Vue 生命周期
Jun 21 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
node.js中对Event Loop事件循环的理解与应用实例分析
Feb 14 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 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中文本数据翻页(留言本翻页)
2006/10/09 PHP
PHP中的日期加减方法示例
2014/08/21 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
[原创]PHP简单开启curl的方法(测试可行)
2016/01/11 PHP
PHP数组游标实现对数组的各种操作详解
2016/01/26 PHP
PHP动态生成指定大小随机图片的方法
2016/03/25 PHP
PHP实现json_decode不转义中文的方法
2017/05/20 PHP
JavaScript中的私有成员
2006/09/18 Javascript
JAVASCRIPT HashTable
2007/01/22 Javascript
setInterval 和 setTimeout会产生内存溢出
2008/02/15 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
vue-dialog的弹出层组件
2020/05/25 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
JS实现把一个页面层数据传递到另一个页面的两种方式
2018/08/13 Javascript
vue通过滚动行为实现从列表到详情,返回列表原位置的方法
2018/08/31 Javascript
Vuex 快速入门(简单易懂)
2018/09/20 Javascript
解决Vue项目中tff报错的问题
2020/10/21 Javascript
11个Javascript小技巧帮你提升代码质量(小结)
2020/12/28 Javascript
Python的垃圾回收机制深入分析
2014/07/16 Python
python文件操作整理汇总
2014/10/21 Python
Python网络编程 Python套接字编程
2017/09/13 Python
Python 记录日志的灵活性和可配置性介绍
2018/02/27 Python
python使用opencv驱动摄像头的方法
2018/08/03 Python
Python中的heapq模块源码详析
2019/01/08 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Python 类的魔法属性用法实例分析
2019/11/21 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
python 实现单例模式的5种方法
2020/09/23 Python
标准毕业生自荐信范文
2013/11/04 职场文书
2014教师研修学习体会
2014/07/08 职场文书
2015年设计师个人工作总结
2015/04/25 职场文书
七一晚会主持词
2015/06/29 职场文书
工程移交协议书
2016/03/24 职场文书
个人销售励志奋斗口号
2019/12/05 职场文书
Java中Dijkstra(迪杰斯特拉)算法
2022/05/20 Java/Android