jQuery asp.net 用json格式返回自定义对象


Posted in Javascript onApril 07, 2010

客户端用一个html页面调用一个ashx文件(一般http处理程序),返回 json格式的自定义对象:
html:

<!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>ajax测试</title> 
<script src="js/jquery-1.2.3.js" type="text/javascript"></script><!-这里引用了jQuery框架-> 
</head> 
<body> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("#Button2").click(function(){ 
var url="handler.ashx?&name="+$("#Text1").val()+"&age="+$("#Text2").val(); 
$.get(url,function(result){ 
var obj=eval("("+result+")"); 
alert("姓名:"+obj.Name+"\n"+"年龄:"+obj.Age); 
}) 
}) 
}) 
</script> 
<input id="Button2" type="button" value="button" /><span lang="zh-cn">姓名:</span><input id="Text1" 
type="text" /><span lang="zh-cn">年龄:</span> 
<input id="Text2" 
type="text" /> 
</body> 
</html>

handler.ashx文件:
<%@ WebHandler Language="C#" Class="Handler" %> 
using System; 
using System.Web; 
using System.Runtime.Serialization.Json; 
using System.Collections; 
using System.Runtime.Serialization; 
public class Handler : IHttpHandler { 
public void ProcessRequest(HttpContext context) 
{ 
context.Response.ContentType = "text/plain"; 
string name = context.Request.Params["name"].ToString(); 
string age = context.Request.Params["age"].ToString(); 
person p1 = new person(name,age); 
DataContractJsonSerializer djson = new DataContractJsonSerializer(p1.GetType());//将对象序列化为 JavaScript 对象表示法 (JSON) 
djson.WriteObject(context.Response.OutputStream, p1); 
} 
public bool IsReusable { 
get { 
return false; 
} 
} 
[DataContract]//要序列化,一定要加这个属性 
public class person 
{ 
[DataMember]//属性“DataMember”只在“property, indexer, field”声明中有效。 
public string Name="无名士"; 
[DataMember] 
public string Age="0"; 
public override string ToString() 
{ 
return "姓名:" + Name + "年龄:" + Age; 
} 
public person(string name,string age)//自定义类person 
{ 
this.Name = name; 
this.Age = age; 
} 
public person() 
{ } 
} 
}
Javascript 相关文章推荐
JS常见问题整理(持续更新)
Aug 06 Javascript
node.js中的fs.createWriteStream方法使用说明
Dec 17 Javascript
分享javascript计算时间差的示例代码
Mar 19 Javascript
在IE8上JS实现combobox支持拼音检索功能
May 23 Javascript
AngularJS入门教程之服务(Service)
Jul 27 Javascript
ES6新特性八:async函数用法实例详解
Apr 21 Javascript
bootstrap datetimepicker控件位置异常的解决方法
Nov 23 Javascript
Vue.js实现的表格增加删除demo示例
May 22 Javascript
浅谈webpack devtool里的7种SourceMap模式
Jan 14 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
koa中间件核心(koa-compose)源码解读分析
Jun 15 Javascript
详解Howler.js Web音频播放终极解决方案
Aug 23 Javascript
FileUpload 控件 禁止手动输入或粘贴的实现代码
Apr 07 #Javascript
js 小贴士一星期合集
Apr 07 #Javascript
Javascript 实用小技巧
Apr 07 #Javascript
javascript 函数使用说明
Apr 07 #Javascript
js下获取div中的数据的原理分析
Apr 07 #Javascript
Exjs 入门篇
Apr 07 #Javascript
javascript window.opener的用法分析
Apr 07 #Javascript
You might like
PHP+JS无限级可伸缩菜单详解(简单易懂)
2007/01/02 PHP
php下图片文字混合水印与缩略图实现代码
2009/12/11 PHP
php 生成Tab键或逗号分隔的CSV
2016/09/24 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
2009/12/28 Javascript
Jquery常用技巧收集整理篇
2010/11/14 Javascript
jQuery对表单的操作代码集合
2011/04/06 Javascript
artDialog双击会关闭对话框的修改过程分享
2013/08/05 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
js获取浏览器基本信息大全
2014/11/27 Javascript
详谈LABJS按需动态加载js文件
2015/05/07 Javascript
JavaScript中的return语句简单介绍
2015/12/07 Javascript
ES6新特性四:变量的解构赋值实例
2017/04/21 Javascript
通过构造函数实例化对象的方法
2017/06/28 Javascript
JS库之ParticlesJS使用简介
2017/09/12 Javascript
Vue2 模板template的四种写法总结
2018/02/23 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
Python实现的Excel文件读写类
2015/07/30 Python
Python进阶-函数默认参数(详解)
2017/05/18 Python
pandas带有重复索引操作方法
2018/06/08 Python
Sanic框架应用部署方法详解
2018/07/18 Python
python爬虫 2019中国好声音评论爬取过程解析
2019/08/26 Python
python与pycharm有何区别
2020/07/01 Python
运动鞋、足球鞋和慕尼黑球衣:Sport Münzinger
2019/08/26 全球购物
幸福家庭事迹材料
2014/02/03 职场文书
最经典的大学生职业生涯规划范文
2014/03/05 职场文书
晨会主持词
2014/03/17 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
“六查”、“三学”、“三干”查摆问题整改措施
2014/09/27 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
党的群众路线教育实践活动个人对照检查材料(校长)
2014/11/05 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
干部外出学习心得体会
2016/01/18 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书
css3实现背景图片半透明内容不透明的方法示例
2021/04/13 HTML / CSS
浅谈音视频 pts dts基本概念及理解
2022/08/05 数码科技