表单序列化与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 qq右下角滑出窗口 sheyMsg
Mar 21 Javascript
jquery ajaxSubmit 异步提交的简单实现
Feb 28 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
Feb 25 Javascript
基于javascript实现按圆形排列DIV元素(三)
Dec 02 Javascript
JS+DIV实现的卷帘效果示例
Mar 22 Javascript
js实现音频控制进度条功能
Apr 01 Javascript
jQuery EasyUI开发技巧总结
Sep 26 jQuery
浅谈vue中改elementUI默认样式引发的static与assets的区别
Feb 03 Javascript
vue源码学习之Object.defineProperty对象属性监听
May 30 Javascript
详解JavaScript函数callee、call、apply的区别
Mar 08 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 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
Protoss兵种介绍
2020/03/14 星际争霸
PHP lcfirst()函数定义与用法
2019/03/08 PHP
JavaScript中this关键字使用方法详解
2007/03/08 Javascript
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
JS target与currentTarget区别说明
2011/08/28 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
JS随机漂浮广告代码具体实例
2013/11/19 Javascript
JQuery中阻止事件冒泡几种方式及其区别介绍
2014/01/15 Javascript
Javascript中的默认参数详解
2014/10/22 Javascript
分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
2014/12/15 Javascript
100行代码理解和分析vue2.0响应式架构
2017/03/09 Javascript
JavaScript实现省市联动过程中bug的解决方法
2017/12/04 Javascript
Angular 数据请求的实现方法
2018/05/07 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
2018/10/19 Javascript
JavaScript闭包与作用域链实例分析
2019/01/21 Javascript
浅析Vue 防抖与节流的使用
2019/11/14 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
Python实现简单状态框架的方法
2015/03/19 Python
Python中字典的基本知识初步介绍
2015/05/21 Python
python实现简易云音乐播放器
2018/01/04 Python
使用pandas读取csv文件的指定列方法
2018/04/21 Python
Python Excel处理库openpyxl使用详解
2019/05/09 Python
python实现中文文本分句的例子
2019/07/15 Python
JD Sports瑞典:英国领先的运动时尚商店
2018/01/28 全球购物
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
金融专业个人的自我评价
2013/10/18 职场文书
护士检查书
2014/01/17 职场文书
《记承天寺夜游》教学反思
2014/02/16 职场文书
干部鉴定材料
2014/05/18 职场文书
小学教师培训方案
2014/06/09 职场文书
党的群众路线教育实践活动学习笔记
2014/11/05 职场文书
社区元宵节活动总结
2015/02/06 职场文书
区域销售经理岗位职责
2015/04/02 职场文书
班主任经验交流心得体会
2015/11/02 职场文书
学校运动会开幕词
2016/03/03 职场文书