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 hasFocus使用实例
Jun 29 Javascript
关于extjs4如何获取grid修改后的数据的问题
Aug 07 Javascript
js 剪切板应用clipboardData详细解析
Dec 17 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
Jul 18 Javascript
javascript的正则匹配方法学习
Feb 24 Javascript
JavaScript 节流函数 Throttle 详解
Jul 04 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
完美实现js焦点轮播效果(二)(图片可滚动)
Mar 07 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
vue左右侧联动滚动的实现代码
Jun 06 Javascript
Openlayers实现图形绘制
Sep 28 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 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
CI框架给视图添加动态数据
2014/12/01 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
CI(CodeIgniter)框架实现图片上传的方法
2017/03/24 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
javascript模拟评分控件实现方法
2015/05/13 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
jquery中ajax跨域方法实例分析
2015/12/18 Javascript
详解JavaScript UTC时间转换方法
2016/01/07 Javascript
js 判断一组日期是否是连续的简单实例
2016/07/11 Javascript
Bootstrap基本插件学习笔记之模态对话框(16)
2016/12/08 Javascript
详解js的六大数据类型
2016/12/27 Javascript
解析NodeJS异步I/O的实现
2017/04/13 NodeJs
jquery实现左右轮播图效果
2017/09/28 jQuery
vue2.5.2使用http请求获取静态json数据的实例代码
2018/02/27 Javascript
微信小程序实现点击图片旋转180度并且弹出下拉列表
2018/11/27 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
js实现web调用摄像头 js截取视频画面
2019/04/21 Javascript
如何自定义微信小程序tabbar上边框的颜色
2019/07/09 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
基于javascript实现移动端轮播图效果
2020/12/21 Javascript
[58:42]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第一局
2016/02/27 DOTA
python win32 简单操作方法
2017/05/25 Python
Python高级用法总结
2018/05/26 Python
Windows下将Python文件打包成.EXE可执行文件的方法
2018/08/03 Python
解决新django中的path不能使用正则表达式的问题
2018/12/18 Python
详解Python循环作用域与闭包
2019/03/21 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
Python使用PyQt5/PySide2编写一个极简的音乐播放器功能
2020/02/07 Python
python 链接sqlserver 写接口实例
2020/03/11 Python
Homestay中文官网:全球寄宿家庭
2018/10/18 全球购物
彪马荷兰官网:PUMA荷兰
2019/05/08 全球购物
第一节英语课开场白
2015/06/01 职场文书
人民币使用说明书
2019/04/17 职场文书
CSS极坐标的实例代码
2021/06/03 HTML / CSS