表单序列化与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 相关文章推荐
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
Dec 11 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
jQuery过滤选择器:not()方法使用介绍
Apr 20 Javascript
jQuery 判断图片是否加载完成方法汇总
Aug 10 Javascript
在AngularJS框架中处理数据建模的方式解析
Mar 05 Javascript
Vue.js实现模拟微信朋友圈开发demo
Apr 20 Javascript
xmlplus组件设计系列之列表(4)
Apr 26 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
如何用webpack4带你实现一个vue的打包的项目
Jun 20 Javascript
详解easyui 切换主题皮肤
Apr 04 Javascript
原生JS实现随机点名项目的实例代码
Apr 30 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 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基于表单密码验证与HTTP验证用法实例
2015/01/06 PHP
php创建多级目录的方法
2015/03/24 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
JS和函数式语言的三特性
2014/03/05 Javascript
jQuery实现类似老虎机滚动抽奖效果
2015/08/06 Javascript
javascript常用的方法整理
2015/08/20 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
JavaScript实现算术平方根算法-代码超简单
2015/09/11 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
在vue.js中抽出公共代码的方法示例
2017/06/08 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
2017/12/09 Javascript
微信小程序实现页面下拉刷新和上拉加载功能详解
2018/12/03 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
python通过定义一个类实例作为ftp回调方法
2015/05/04 Python
python 队列详解及实例代码
2016/10/18 Python
详解Django中类视图使用装饰器的方式
2018/08/12 Python
python中aioysql(异步操作MySQL)的方法
2019/04/11 Python
Python学习笔记之pandas索引列、过滤、分组、求和功能示例
2019/06/03 Python
python判断自身是否正在运行的方法
2019/08/08 Python
详解Django配置优化方法
2019/11/18 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
捷克鲜花配送:Florea.cz
2018/10/29 全球购物
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
农药学硕士毕业生自荐信
2013/09/25 职场文书
座谈会主持词
2014/03/20 职场文书
给小学生的新年寄语
2014/04/04 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
小学教师师德师风演讲稿
2014/08/22 职场文书
2014年小学教学工作总结
2014/11/13 职场文书
2015年药店工作总结
2015/04/20 职场文书
学校体育节班级口号
2015/12/25 职场文书
浅谈JS的原型和原型链
2021/06/04 Javascript
用Python生成会跳舞的美女
2022/01/18 Python
Spring Boot DevTools 全局配置学习指南
2022/03/31 Java/Android
JavaScript实现音乐播放器
2022/08/14 Javascript