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 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
jquery js 获取时间差、时间格式具体代码
Jun 05 Javascript
jQuery学习笔记之jQuery原型属性和方法
Jun 09 Javascript
jQuery 3.0 的变化及使用方法
Feb 01 Javascript
微信小程序 textarea 详解及简单使用方法
Dec 05 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
Vue中fragment.js使用方法详解
Mar 09 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
Jan 02 Javascript
vue如何根据网站路由判断页面主题色详解
Nov 02 Javascript
vue 开发之路由配置方法详解
Dec 02 Javascript
JavaScript前后端JSON使用方法教程
Nov 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异常处理技术,顶级异常处理器
2012/06/13 PHP
PHP Class&amp;Object -- PHP 自排序二叉树的深入解析
2013/06/25 PHP
php中sprintf与printf函数用法区别解析
2014/02/17 PHP
PHP数组和explode函数示例总结
2015/05/08 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
php检查页面是否被百度收录
2015/10/28 PHP
PHP实现Huffman编码/解码的示例代码
2018/04/20 PHP
Windows上php5.6操作mongodb数据库示例【配置、连接、获取实例】
2019/02/13 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
如何确保JavaScript的执行顺序 之实战篇
2011/03/03 Javascript
js获取html文件的思路及示例
2013/09/17 Javascript
javascript删除option选项的多种方法总结
2013/11/22 Javascript
javascript对下拉列表框(select)的操作实例讲解
2013/11/29 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
js判断空对象的实例(超简单)
2016/07/26 Javascript
常用原生js自定义函数总结
2016/11/20 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
2017/06/04 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
uni-app如何实现增量更新功能
2020/01/03 Javascript
微信小程序绘制半圆(弧形)进度条
2020/11/18 Javascript
Java 生成随机字符的示例代码
2021/01/13 Javascript
js面向对象方式实现拖拽效果
2021/03/03 Javascript
Python的迭代器和生成器使用实例
2015/01/14 Python
在python中画正态分布图像的实例
2019/07/08 Python
关于Python核心框架tornado的异步协程的2种方法详解
2019/08/28 Python
python中有关时间日期格式转换问题
2019/12/25 Python
python3.6使用SMTP协议发送邮件
2020/05/20 Python
django的autoreload机制实现
2020/06/03 Python
基于HTML5 Canvas的3D动态Chart图表的示例
2017/11/02 HTML / CSS
Html5页面二次分享的实现
2018/07/30 HTML / CSS
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
后勤自我鉴定
2013/10/13 职场文书
博士学位自我鉴定范文
2013/12/26 职场文书
批评与自我批评发言稿
2014/10/15 职场文书
食品安全主题班会
2015/08/13 职场文书