表单序列化与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 相关文章推荐
jValidate 基于jQuery的表单验证插件
Dec 12 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
js获取height和width的方法说明
Jan 06 Javascript
JavaScript基础知识学习笔记
Dec 02 Javascript
三种带箭头提示框总结实例
Jun 14 Javascript
Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码
Jun 28 Javascript
原生js封装的一些jquery方法(详解)
Sep 20 Javascript
jQuery动态创建元素以及追加节点的实现方法
Oct 20 Javascript
JS自定义函数实现时间戳转换成date的方法示例
Aug 27 Javascript
thinkjs 文件上传功能实例代码
Nov 08 Javascript
小程序实现抽奖动画
Apr 16 Javascript
JQuery省市联动效果实现过程详解
May 08 jQuery
常规表格多表头查询示例
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
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
php中的ini配置原理详解
2014/10/14 PHP
php抛出异常与捕捉特定类型的异常详解
2016/10/26 PHP
javascript document.images实例
2008/05/27 Javascript
&amp;lt;script defer&amp;gt; defer 是什么意思
2009/05/10 Javascript
AJAX的跨域与JSONP(为文章自动添加短址的功能)
2010/01/17 Javascript
jQuery 处理表单元素的代码
2010/02/15 Javascript
showModelDialog弹出文件下载窗口的使用示例
2013/11/19 Javascript
javascript+HTML5自定义元素播放焦点图动画
2016/02/21 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
2016/11/16 Javascript
本地存储localStorage用法详解
2017/07/31 Javascript
js经验分享 JavaScript反调试技巧
2018/03/10 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
Vue基于vuex、axios拦截器实现loading效果及axios的安装配置
2019/04/26 Javascript
js实现二级联动简单实例
2020/01/11 Javascript
nodejs实现的http、https 请求封装操作示例
2020/02/06 NodeJs
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
Python的Django中django-userena组件的简单使用教程
2015/05/30 Python
Python自动化部署工具Fabric的简单上手指南
2016/04/19 Python
Python 迭代器工具包【推荐】
2016/05/06 Python
Python正则表达式匹配中文用法示例
2017/01/17 Python
Python语言实现将图片转化为html页面
2017/12/06 Python
Python解析Excle文件中的数据方法
2018/10/23 Python
tesserocr与pytesseract模块的使用方法解析
2019/08/30 Python
Python爬虫防封ip的一些技巧
2020/08/06 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
临床医学生职业规划书范文
2014/10/25 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
道歉信怎么写
2015/05/12 职场文书
公安机关起诉意见书
2015/05/20 职场文书
班主任寄语2016
2015/12/04 职场文书
教师学习心得体会范文
2016/01/21 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
win10滚动条自动往上跑怎么办?win10滚动条自动往上跑的解决方法
2022/08/05 数码科技