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 相关文章推荐
Jquery实战_读书笔记1—选择jQuery
Jan 22 Javascript
ExtJS PropertyGrid中使用Combobox选择值问题
Jun 13 Javascript
javascript使用正则控制input输入框允许输入的值方法大全
Jun 19 Javascript
Node.js实现的简易网页抓取功能示例
Dec 05 Javascript
AngularJS 简单应用实例
Jul 28 Javascript
JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能
Jun 20 Javascript
JS数组操作之增删改查的简单实现
Aug 21 Javascript
深入理解node.js http模块
Jan 24 Javascript
微信小程序wx:for循环的实例详解
Oct 07 Javascript
vue组件之间通信方式实例总结【8种方式】
Feb 22 Javascript
react MPA 多页配置详解
Oct 18 Javascript
jQuery 判断元素是否存在然后按需加载内容的实现代码
Jan 16 jQuery
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 strtr() 函数使用说明
2008/11/21 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
WordPress中的shortcode短代码功能使用详解
2016/05/17 PHP
thinkPHP交易详情查询功能详解
2016/12/02 PHP
php获取客户端IP及URL的方法示例
2017/02/03 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
THREE.JS入门教程(5)你应当知道的十件事
2013/01/24 Javascript
JS输入用户名自动显示邮箱后缀列表的方法
2015/01/27 Javascript
Javascript之面向对象--方法
2016/12/02 Javascript
jQuery实现的分页功能示例
2017/01/22 Javascript
Angular6笔记之封装http的示例代码
2018/07/27 Javascript
Bootstrap模态对话框中显示动态内容的方法
2018/08/10 Javascript
electron + vue项目实现打印小票功能及实现代码
2018/11/25 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
elementUI select组件value值注意事项详解
2019/05/29 Javascript
如何在项目中使用log4.js的方法步骤
2019/07/16 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
2020/06/24 jQuery
Python打印scrapy蜘蛛抓取树结构的方法
2015/04/08 Python
学习python之编写简单简单连接数据库并执行查询操作
2016/02/27 Python
Python中几种导入模块的方式总结
2017/04/27 Python
python监控linux内存并写入mongodb(推荐)
2017/09/11 Python
11月编程语言排行榜 Python逆袭C#上升到第4
2017/11/15 Python
python3判断url链接是否为404的方法
2018/08/10 Python
ZABBIX3.2使用python脚本实现监控报表的方法
2019/07/02 Python
python要安装在哪个盘
2020/06/15 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
阿里巴巴国际站:Alibaba.com
2016/07/21 全球购物
美国翻新电子产品商店:The Store
2019/10/08 全球购物
Windows和Linux动态库应用异同
2016/04/17 面试题
机电一体化毕业生自荐信
2014/06/19 职场文书
社区国庆节活动总结
2015/03/23 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
公司的力量观后感
2015/06/05 职场文书
元旦联欢晚会主持词
2015/07/01 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
修改并编译golang源码的操作步骤
2021/07/25 Golang