表单序列化与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 相关文章推荐
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
jquery定时滑出可最小化的底部提示层特效代码
Oct 02 Javascript
JavaScript实现获取dom中class的方法
Feb 09 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
理解JS绑定事件
Jan 19 Javascript
详解js的事件处理函数和动态创建html标记方法
Dec 16 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
layui动态渲染生成select的option值方法
Sep 23 Javascript
原生js无缝轮播插件使用详解
Mar 09 Javascript
vue项目中使用bpmn-自定义platter的示例代码
May 11 Javascript
Vue封装全局过滤器Filters的步骤
Sep 16 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将gd生成的图片缓存到memcache的小例子
2013/06/05 PHP
PHP 实现代码复用的一个方法 traits新特性
2015/02/22 PHP
Laravel 中获取上一篇和下一篇数据
2015/07/27 PHP
PHP数组函数知识汇总
2016/05/12 PHP
奇妙的js
2007/09/24 Javascript
JQuery优缺点分析说明
2010/06/09 Javascript
潜说js对象和数组
2011/05/25 Javascript
js的正则test,match,exec详细解析
2014/01/29 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
js实现感应鼠标图片透明度变化的方法
2015/02/20 Javascript
Flash图片上传组件 swfupload使用指南
2015/03/14 Javascript
Bootstrap每天必学之前端开发框架
2015/11/19 Javascript
vue组件传值的实现方式小结【三种方式】
2020/02/05 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
2020/08/08 Javascript
解决vux 中popup 组件Mask 遮罩在最上层的问题
2020/11/03 Javascript
[09:37]2018DOTA2国际邀请赛寻真——不懈追梦的Team Serenity
2018/08/13 DOTA
Python 开发Activex组件方法
2009/11/08 Python
python列表操作使用示例分享
2014/02/21 Python
python实现的简单猜数字游戏
2015/04/04 Python
python 实现自动远程登陆scp文件实例代码
2017/03/13 Python
在cmd命令行里进入和退出Python程序的方法
2018/05/12 Python
django允许外部访问的实例讲解
2018/05/14 Python
Pyqt清空某一个QTreeewidgetItem下的所有分支方法
2019/06/17 Python
CSS3实现闪烁动画效果的方法
2015/02/09 HTML / CSS
24个canvas基础知识小结
2014/12/17 HTML / CSS
大学毕业生的自我鉴定
2013/11/30 职场文书
个性发展自我评价
2014/02/11 职场文书
道路建设实施方案
2014/03/18 职场文书
音乐节策划方案
2014/06/09 职场文书
有关环保的标语
2014/06/13 职场文书
工地标语大全
2014/06/18 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
建筑横幅标语
2014/10/09 职场文书
2014年除四害工作总结
2014/12/06 职场文书
MySQL如何使备份得数据保持一致
2022/05/02 MySQL
Vue 打包后相对路径的引用问题
2022/06/05 Vue.js