表单序列化与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中为什么null==0为false而null大于=0为true(个人研究)
Sep 16 Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
May 28 Javascript
JQuery中绑定事件(bind())和移除事件(unbind())
Feb 27 Javascript
js倒计时小实例(多次定时)
Dec 08 Javascript
JS实现动态生成html table表格的方法分析
Jul 11 Javascript
Vue实现一个无限加载列表功能
Nov 13 Javascript
小程序登录态管理的方法示例
Nov 13 Javascript
微信小程序webview实现长按点击识别二维码功能示例
Jan 24 Javascript
基于vue手写tree插件的那点事儿
Aug 20 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
Jul 19 Javascript
vue中实现弹出层动画效果的示例代码
Sep 25 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
2020显卡排行榜天梯图 显卡天梯图2020年3月最新版
2020/04/02 数码科技
php中隐形字符65279(utf-8的BOM头)问题
2014/08/16 PHP
php可应用于面包屑导航的递归寻找家谱树实现方法
2015/02/02 PHP
PHP加密解密字符串汇总
2015/04/26 PHP
PHP基于自定义类随机生成姓名的方法示例
2017/08/05 PHP
PHP生成推广海报的方法分享
2018/04/22 PHP
java解析json方法总结
2019/05/16 PHP
js获取html文件的思路及示例
2013/09/17 Javascript
封装了一个支持匿名函数的Javascript事件监听器
2014/06/05 Javascript
confirm的用法示例用于按钮操作时确定是否执行
2014/06/19 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
JavaScript实现经典排序算法之插入排序
2016/12/28 Javascript
JavaScript基于DOM操作实现简单的数学运算功能示例
2017/01/16 Javascript
详解基于webpack2.x的vue2.x的多页面站点
2017/08/21 Javascript
ES6的Fetch异步请求的实现方法
2018/12/07 Javascript
基于纯JS实现多张图片的懒加载Lazy过程解析
2019/10/14 Javascript
JavaScript动画实例之粒子文本的实现方法详解
2020/07/28 Javascript
[36:09]Secret vs VG 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.24
2019/09/10 DOTA
[02:49:21]2019完美盛典全程录像
2019/12/08 DOTA
浅谈用VSCode写python的正确姿势
2017/12/16 Python
tensorflow saver 保存和恢复指定 tensor的实例讲解
2018/07/26 Python
使用python生成杨辉三角形的示例代码
2018/08/29 Python
python3+PyQt5 数据库编程--增删改实例
2019/06/17 Python
wxpython+pymysql实现用户登陆功能
2019/11/19 Python
Python列表推导式实现代码实例
2020/09/09 Python
CSS3系列教程:背景图片(背景大小和多背景图) 应用说明
2012/12/19 HTML / CSS
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
Trina Turk官网:美国时装和泳装品牌
2018/06/10 全球购物
西班牙自行车和跑步商店:Alltricks
2018/07/07 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
上级检查欢迎词
2014/01/18 职场文书
你的创业计划书怎样才能打动风投
2014/02/06 职场文书
教师见习总结范文
2015/06/23 职场文书
pytorch Dropout过拟合的操作
2021/05/27 Python
海康机器人重磅发布全新算法开发平台VM4.2
2022/04/21 数码科技