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定时关闭窗口的实例
May 22 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
javascript连续赋值问题
Jul 08 Javascript
bootstrap datepicker限定可选时间范围实现方法
Sep 28 Javascript
bootstrap datetimepicker日期插件使用方法
Jan 13 Javascript
javascript 中的继承实例详解
May 05 Javascript
详解AngularJS之$window窗口对象
Jan 17 Javascript
js合并两个数组生成合并后的key:value数组
May 09 Javascript
highCharts提示框中显示当前时间的方法
Jan 18 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
vue实现前端分页完整代码
Jun 17 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 Vue.js
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
PHP4实际应用经验篇(3)
2006/10/09 PHP
PHP 开源框架22个简单简介
2009/08/24 PHP
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
基于PHP生成简单的验证码
2016/06/01 PHP
php cookie工作原理与实例详解
2016/07/18 PHP
Thinkphp结合AJAX长轮询实现PC与APP推送详解
2017/07/31 PHP
php curl发送请求实例方法
2019/08/01 PHP
ECMAScript 基础知识
2007/06/29 Javascript
原生javascript获取元素样式属性值的方法
2010/12/25 Javascript
实现动画效果核心方式的js代码
2013/09/27 Javascript
使用javascript实现有效时间的控制,并显示将要过期的时间
2014/01/02 Javascript
JS将光标聚焦在文本最后的实现代码
2014/03/28 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
浅谈Angular7 项目开发总结
2018/12/19 Javascript
JavaScript中构造函数与原型链之间的关系详解
2019/02/25 Javascript
Vue项目history模式下微信分享爬坑总结
2019/03/29 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
浅谈Python中的zip()与*zip()函数详解
2018/02/24 Python
Win7 64位下python3.6.5安装配置图文教程
2020/10/27 Python
使用 Python 实现微信群友统计器的思路详解
2018/09/26 Python
解决每次打开pycharm直接进入项目的问题
2018/10/28 Python
Python实现繁体中文与简体中文相互转换的方法示例
2018/12/18 Python
应用OpenCV和Python进行SIFT算法的实现详解
2019/08/21 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
用python打开摄像头并把图像传回qq邮箱(Pyinstaller打包)
2020/05/17 Python
PyQt实现计数器的方法示例
2021/01/18 Python
韩国江南富人区高端时尚百货商场:Galleria(格乐丽雅)
2018/03/27 全球购物
台湾母婴用品购物网站:Infant婴之房
2018/06/15 全球购物
办理暂住证介绍信
2014/01/11 职场文书
财务总监岗位职责
2014/03/07 职场文书
2014年党员公开承诺书范文
2014/03/28 职场文书
物流管理专业求职信
2014/05/29 职场文书
2014年个人委托书范本
2014/10/13 职场文书
Python实现对齐打印 format函数的用法
2022/04/28 Python