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 相关文章推荐
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
flag和jq on 的绑定多个对象和方法(必看)
Feb 27 Javascript
浅谈 vue 中的 watcher
Dec 04 Javascript
js获取html页面代码中图片地址的实现代码
Mar 05 Javascript
详解javascript中的变量提升和函数提升
May 24 Javascript
jQuery实现的中英文切换功能示例
Jan 11 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
关于layui 弹出层一闪而过就消失的解决方法
Sep 09 Javascript
vue选项卡切换登录方式小案例
Sep 27 Javascript
JavaScript使用canvas绘制随机验证码
Feb 17 Javascript
Vue props中Object和Array设置默认值操作
Jul 30 Javascript
jquery实现拖拽小方块效果
Dec 10 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
分享10段PHP常用代码
2015/11/11 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
PHP清除缓存的几种方法总结
2017/09/12 PHP
thinkPHP5框架中widget的功能与用法详解
2018/06/11 PHP
js字符串转成JSON
2013/11/07 Javascript
JavaScript实现同步于本地时间的动态时间显示方法
2015/02/02 Javascript
JavaScript数组前面插入元素的方法
2015/04/06 Javascript
JavaScript中的Promise使用详解
2015/06/24 Javascript
jQuery中$.extend()用法实例
2015/06/24 Javascript
省市联动效果的简单实现代码(推荐)
2016/06/06 Javascript
js关于getImageData跨域问题的解决方法
2016/10/14 Javascript
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
微信小程序实现验证码获取倒计时效果
2018/02/08 Javascript
vue.js 底部导航栏 一级路由显示 子路由不显示的解决方法
2018/03/09 Javascript
Vue中v-show添加表达式的问题(判断是否显示)
2018/03/26 Javascript
Javascript的console['']常用输入方法汇总
2018/04/26 Javascript
JS使用canvas中的measureText方法测量字体宽度示例
2019/02/02 Javascript
python动态加载包的方法小结
2016/04/18 Python
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
解决Django migrate No changes detected 不能创建表的问题
2018/05/27 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
python selenium 弹出框处理的实现
2019/02/26 Python
Django Channels 实现点对点实时聊天和消息推送功能
2019/07/17 Python
在Django model中设置多个字段联合唯一约束的实例
2019/07/17 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
Python提取PDF内容的方法(文本、图像、线条等)
2019/09/25 Python
Python continue语句实例用法
2020/02/06 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
详解python日志输出使用配置文件格式
2021/02/10 Python
html5 兼容IE6结构的实现代码
2012/05/14 HTML / CSS
关于迟到的检讨书
2014/01/26 职场文书
五一促销活动总结
2014/07/01 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
Python按顺序遍历并读取文件夹中文件
2022/04/29 Python
Pytorch中expand()的使用(扩展某个维度)
2022/07/15 Python
MySQL生成千万测试数据以及遇到的问题
2022/08/05 MySQL