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 相关文章推荐
Ucren Virtual Desktop V2.0
Nov 07 Javascript
jquery 插件学习(一)
Aug 06 Javascript
Jquery动态改变图片IMG的src地址示例
Jun 25 Javascript
jQuery中获取checkbox选中项等操作及注意事项
Nov 24 Javascript
jQuery选择器源码解读(一):Sizzle方法
Mar 31 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
JS实现将Asp.Net的DateTime Json类型转换为标准时间的方法
Aug 02 Javascript
探讨AngularJs中ui.route的简单应用
Nov 16 Javascript
requirejs + vue 项目搭建详解
Jun 16 Javascript
小程序rich-text组件如何改变内部img图片样式的方法
May 22 Javascript
es6数组之扩展运算符操作实例分析
Apr 25 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 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
IIS6+PHP5+MySQL5+Zend Optimizer+phpMyAdmin安装配置图文教程 2009年
2009/06/08 PHP
简单的php文件上传(实例)
2013/10/27 PHP
PHP下载远程图片的几种方法总结
2017/04/07 PHP
ThinkPHP3.2.3框架Memcache缓存使用方法实例总结
2019/04/15 PHP
网页设计常用的一些技巧
2006/12/22 Javascript
javascript 学习之旅 (2)
2009/02/05 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
js点击出现悬浮窗效果不使用JQuery插件
2014/01/20 Javascript
关于img的href和src取变量及赋值的方法
2014/04/28 Javascript
jQuery截取指定长度字符串代码
2014/08/21 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
JS正则表达式修饰符global(/g)用法分析
2016/12/27 Javascript
Javascript 链式作用域详细介绍
2017/02/23 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
详解vue项目优化之按需加载组件-使用webpack require.ensure
2017/06/13 Javascript
微信小程序 上传头像的实例详解
2017/10/27 Javascript
详解Vue单元测试Karma+Mocha学习笔记
2018/01/31 Javascript
详解组件库的webpack构建速度优化
2018/06/18 Javascript
vue+element加入签名效果(移动端可用)
2019/06/17 Javascript
Vue封装Axios请求和拦截器的步骤
2020/09/16 Javascript
浅谈pandas中DataFrame关于显示值省略的解决方法
2018/04/08 Python
Python选择网卡发包及接收数据包
2019/04/04 Python
python和js交互调用的方法
2020/06/23 Python
解决python便携版无法直接运行py文件的问题
2020/09/01 Python
用CSS3来实现社交分享按钮
2014/11/11 HTML / CSS
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
意大利运动服减价商店:ScontoSport
2020/03/10 全球购物
铭万公司.net面试题笔试题
2014/07/20 面试题
英文翻译的自我评价语句
2013/10/04 职场文书
事业单位公务员的职业生涯规划
2014/01/15 职场文书
《草虫的村落》教学反思
2016/02/20 职场文书
springboot+WebMagic+MyBatis爬虫框架的使用
2021/08/07 Java/Android
24年收藏2000多部退役军用电台
2022/02/18 无线电
MySQL 字符集 character
2022/05/04 MySQL