表单序列化与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 相关文章推荐
鼠标图片振动代码
Jul 06 Javascript
jQuery Animation实现CSS3动画示例介绍
Aug 14 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
js实现图片轮播效果
Dec 19 Javascript
js获取时间精确到秒(年月日)
Mar 16 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
javascript实现圣旨卷轴展开效果(代码分享)
Mar 23 Javascript
vue实现微信获取用户信息的方法
Mar 21 Javascript
测量JavaScript函数的性能各种方式对比
Apr 27 Javascript
js实现自动锁屏功能
Jun 02 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
利用discuz自带通行证整合dedecms的方法以及文件下载
2007/03/06 PHP
php 将字符串按大写字母分隔成字符串数组
2010/04/30 PHP
PHP面向对象分析设计的61条军规小结
2010/07/17 PHP
php whois查询API制作方法
2011/06/23 PHP
调整PHP的性能
2013/10/30 PHP
php使用strip_tags()去除html标签仍有空白的解决方法
2016/07/28 PHP
js实现简单模态窗口,背景灰显
2008/11/14 Javascript
JS 判断undefined的实现代码
2009/11/26 Javascript
解决jquery的.animate()函数在IE6下的问题
2010/12/03 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
浅谈JavaScript的Polymer框架中的事件绑定
2015/07/29 Javascript
javascript HTML+CSS实现经典橙色导航菜单
2016/02/16 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
总结javascript三元运算符知识点
2018/09/28 Javascript
利用jsonp解决js读取本地json跨域的问题
2018/12/11 Javascript
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
浅谈五大Python Web框架
2017/03/20 Python
python3+PyQt5+Qt Designer实现堆叠窗口部件
2018/04/20 Python
Selenium控制浏览器常见操作示例
2018/08/13 Python
python去除拼音声调字母,替换为字母的方法
2018/11/28 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
python 创建一维的0向量实例
2019/12/02 Python
python psutil监控进程实例
2019/12/17 Python
Python基于paramunittest模块实现excl参数化
2020/04/26 Python
Django封装交互接口代码
2020/07/12 Python
Python plt 利用subplot 实现在一张画布同时画多张图
2021/02/26 Python
北美Newegg打造的全球尖货海购平台:tt海购
2018/09/28 全球购物
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
求高于平均分的学生学号及成绩
2016/09/01 面试题
高级人员简历的自我评价分享
2013/11/03 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
2014年信息宣传工作总结
2014/12/18 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
python的netCDF4批量处理NC格式文件的操作方法
2022/03/21 Python