表单序列化与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实现LI列表数据绑定的方法
Aug 04 Javascript
Angular表格神器ui-grid应用详解
Sep 29 Javascript
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
webstorm添加*.vue文件支持
May 08 Javascript
vue头部导航动态点击处理方法
Nov 02 Javascript
vue的for循环使用方法
Feb 12 Javascript
使用vuex存储用户信息到localStorage的实例
Nov 11 Javascript
ant-design-vue 实现表格内部字段验证功能
Dec 16 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
jQuery 实现扁平式小清新导航
Jul 07 jQuery
node中使用shell脚本的方法步骤
Mar 23 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 array 的加法操作代码
2010/07/24 PHP
神盾加密解密教程(二)PHP 神盾解密
2014/06/08 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
js中字符替换函数String.replace()使用技巧
2011/08/14 Javascript
js+html5实现canvas绘制镂空字体文本的方法
2015/06/05 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
详解微信小程序 页面跳转 传递参数
2016/12/08 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
详解vue-router 2.0 常用基础知识点之router-link
2017/05/10 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
2018/09/14 Javascript
node.js使用express框架进行文件上传详解
2019/03/03 Javascript
JavaScript中的ES6 Proxy的具体使用
2019/06/16 Javascript
微信小程序如何修改radio和checkbox的默认样式和图标
2019/07/24 Javascript
Python压缩和解压缩zip文件
2015/02/14 Python
Python实现快速计算词频功能示例
2018/06/25 Python
使用PyCharm创建Django项目及基本配置详解
2018/10/24 Python
使用python画社交网络图实例代码
2019/07/10 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
python如何实现DES加密
2020/09/21 Python
python 常见的反爬虫策略
2020/09/27 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
html5基础标签(html5视频标签 html5新标签用法)
2013/12/30 HTML / CSS
详解webapp页面滚动卡顿的解决办法
2018/12/26 HTML / CSS
德国电子产品购物网站:TechInTheBasket德国
2018/12/07 全球购物
琳达·法罗眼镜英国官网:Linda Farrow英国
2021/01/19 全球购物
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
公司行政经理岗位职责
2013/12/24 职场文书
歌颂祖国演讲稿
2014/05/04 职场文书
二年级班级文化建设方案
2014/05/10 职场文书
小学生环保标语
2014/06/13 职场文书
环境工程专业自荐信范文
2014/06/24 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
pandas中关于apply+lambda的应用
2022/02/28 Python