表单序列化与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 函数对象的多重身份
Jun 28 Javascript
判断对象是否Window的实现代码
Jan 10 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
js时间日期格式化封装函数
Dec 02 Javascript
JavaScript 七大技巧(二)
Dec 13 Javascript
深入php面向对象、模式与实践
Feb 16 Javascript
JS简单实现DIV相对于浏览器固定位置不变的方法
Jun 17 Javascript
使用Ajax生成的Excel文件并下载的实例
Nov 21 Javascript
React利用插件和不用插件实现双向绑定的方法详解
Jul 03 Javascript
基于vue实现网站前台的权限管理(前后端分离实践)
Jan 13 Javascript
微信小程序自定义单项选择器样式
Jul 25 Javascript
jquery实现简易验证插件封装
Sep 13 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
php下把数组保存为文件格式的实例应用
2010/02/08 PHP
并发下常见的加锁及锁的PHP具体实现代码
2010/10/12 PHP
Yii2 rbac权限控制之菜单menu实例教程
2016/04/28 PHP
详解提高使用Java反射的效率方法
2019/04/29 PHP
Laravel框架基础语法与知识点整理【模板变量、输出、include引入子视图等】
2019/12/03 PHP
js setattribute批量设置css样式
2009/11/26 Javascript
js 针对html DOM元素操作等经验累积
2014/03/11 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
get(0).tagName获得作用标签示例代码
2014/10/08 Javascript
node.js中的fs.lchmod方法使用说明
2014/12/16 Javascript
浅谈javascript 函数属性和方法
2015/01/21 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
2015/03/05 Javascript
javascript中alert()与console.log()的区别
2015/08/26 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
JavaScript实现向select下拉框中添加和删除元素的方法
2017/03/07 Javascript
vue+elementUI实现图片上传功能
2019/08/20 Javascript
浅谈Three.js截图并下载的大坑
2019/11/01 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
[03:06]3分钟带你回顾DOTA2完美盛典&完美大师赛
2017/12/06 DOTA
学习python (1)
2006/10/31 Python
浅谈Python在pycharm中的调试(debug)
2018/11/29 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
CSS3 border-image详解、应用及jQuery插件
2011/08/29 HTML / CSS
HTML5 拖放功能实现代码
2016/07/14 HTML / CSS
Bootstrap File Input文件上传组件
2020/12/01 HTML / CSS
新奇的小玩意:IWOOT
2016/07/21 全球购物
公司承诺书怎么写
2014/05/24 职场文书
演讲稿的格式及范文
2014/08/22 职场文书
办理信用卡工作证明
2014/09/30 职场文书
科技馆观后感
2015/06/08 职场文书
2016年教师新年寄语
2015/08/18 职场文书
2016年秋季运动会广播稿
2015/12/21 职场文书
在 Python 中利用 Pool 进行多线程
2022/04/24 Python