表单序列化与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截图 jQuery插件imgAreaSelect使用详解
May 04 Javascript
移动端js图片查看器
Nov 17 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
带你了解session和cookie作用原理区别和用法
Aug 14 Javascript
JS计算距当前时间的时间差实例
Dec 29 Javascript
Vue精简版风格概述
Jan 30 Javascript
微信小程序页面生命周期详解
Jan 31 Javascript
vue .js绑定checkbox并获取、改变选中状态的实例
Aug 24 Javascript
详解CommonJS和ES6模块循环加载处理的区别
Dec 26 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 Javascript
vue 实现特定条件下绑定事件
Nov 09 Javascript
JS指定音频audio在某个时间点进行播放
Nov 28 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 目录与文件处理-郑阿奇(续)
2011/07/04 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
用js实现计算代码行数的简单方法附代码
2007/08/13 Javascript
Javascript在IE或Firefox下获取鼠标位置的代码
2009/12/18 Javascript
基于jquery的获取mouse坐标插件的实现代码
2010/04/01 Javascript
JS性能优化笔记搜索整理
2013/08/21 Javascript
JS操作CSS随机改变网页背景实现思路
2014/03/10 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
javascript字符串循环匹配实例分析
2015/07/17 Javascript
Bootstrap每天必学之标签页(Tab)插件
2020/08/09 Javascript
Javascript 调用 ActionScript 的简单方法
2016/09/22 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
nodejs学习笔记之路由
2017/03/27 NodeJs
JavaScript编写棋盘覆盖代码详解
2017/08/28 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
微信小程序清空输入框信息与实现屏幕往上滚动的示例代码
2020/06/23 Javascript
微信小程序实现加入购物车滑动轨迹
2020/11/18 Javascript
[57:31]DOTA2-DPC中国联赛 正赛 SAG vs CDEC BO3 第一场 2月1日
2021/03/11 DOTA
基于Python实现文件大小输出
2016/01/11 Python
结合Python的SimpleHTTPServer源码来解析socket通信
2016/06/27 Python
Python3安装Pymongo详细步骤
2017/05/26 Python
Python中用psycopg2模块操作PostgreSQL方法
2017/11/28 Python
python实现简单淘宝秒杀功能
2018/05/03 Python
python实现嵌套列表平铺的两种方法
2018/11/08 Python
对于Python深浅拷贝的理解
2019/07/29 Python
天游软件面试
2013/11/23 面试题
Java基础面试题
2014/07/19 面试题
矫正人员思想汇报
2014/01/08 职场文书
幼儿园健康教育方案
2014/06/14 职场文书
党员查摆剖析材料
2014/10/10 职场文书
企业群众路线教育实践活动心得体会
2014/11/03 职场文书
工作自我评价范文
2015/03/05 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
修改并编译golang源码的操作步骤
2021/07/25 Golang