表单序列化与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与DropDownList 区别分析
Jan 01 Javascript
JavaScript设置获取和设置属性的方法
Mar 04 Javascript
js实现显示当前状态的导航效果代码
Aug 28 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
jQuery 选择器(61种)整理总结
Sep 26 Javascript
JS去除字符串中空格的方法
Feb 14 Javascript
让网站自动生成章节目录索引的多个js代码
Jan 07 Javascript
使用Angular 6创建各种动画效果的方法
Oct 10 Javascript
详解Vue中watch对象内属性的方法
Feb 01 Javascript
微信小程序实现左侧滑栏过程解析
Aug 26 Javascript
原生JS实现留言板功能
Feb 08 Javascript
JavaScript中交换值的10种方法总结
Aug 18 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中数组元素升序、降序以及重新排序的函数
2013/06/20 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
用cssText批量修改样式
2009/08/29 Javascript
.net,js捕捉文本框回车键事件的小例子(兼容多浏览器)
2013/03/11 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
2014/06/20 Javascript
微信分享的标题、缩略图、连接及描述设置方法
2014/10/14 Javascript
纯JavaScript实现获取onclick、onchange等事件的值
2014/12/29 Javascript
js实现千分符和保留几位小数的简单实例
2016/08/01 Javascript
JavaScript函数柯里化原理与用法分析
2017/03/31 Javascript
详解JS中遍历语法的比较
2017/04/07 Javascript
BootStrap表单验证 FormValidation 调整反馈图标位置的实例代码
2017/05/17 Javascript
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
基于javascript实现放大镜特效
2020/12/03 Javascript
[01:10]为家乡而战!完美世界城市挑战赛全国总决赛花絮
2019/07/25 DOTA
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
[19:54]夜魇凡尔赛茶话会 第一期02:看图识人
2021/03/11 DOTA
举例讲解Python中is和id的用法
2015/04/03 Python
简述Python中的进程、线程、协程
2016/03/18 Python
python 网络编程详解及简单实例
2017/04/25 Python
Python实现连接postgresql数据库的方法分析
2017/12/27 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
Django与pyecharts结合的实例代码
2020/05/13 Python
Jupyter安装拓展nbextensions及解决官网下载慢的问题
2021/03/03 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
HTML5声音录制/播放功能的实现代码
2018/05/03 HTML / CSS
Artist Guitars新西兰:乐器在线商店
2017/09/17 全球购物
Vector, ArrayList, HashTable, HashMap哪些是线程安全的,哪些不是
2015/10/12 面试题
中药专业自荐信范文
2014/03/18 职场文书
3的组成教学反思
2014/04/30 职场文书
群众路线查摆问题整改措施思想汇报
2014/10/10 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书
新入职员工工作总结
2015/10/15 职场文书
Pytorch 实现变量类型转换
2021/05/17 Python
解决 redis 无法远程连接
2022/05/15 Redis