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跑马灯悬停放大效果实现代码
Dec 12 Javascript
javascript实现的简单的表单验证
Jul 10 Javascript
Javascript基础_标记文字的实现方法
Jun 14 Javascript
jquery.serialize() 函数语法及简单实例
Jul 08 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
vue实现全选和反选功能
Aug 31 Javascript
VUE饿了么树形控件添加增删改功能的示例代码
Oct 17 Javascript
JavaScript实现音乐自动切换和轮播
Nov 05 Javascript
总结javascript三元运算符知识点
Sep 28 Javascript
使用flow来规范javascript的变量类型
Sep 12 Javascript
vue+elementui 对话框取消 表单验证重置示例
Oct 29 Javascript
node.js中path路径模块的使用方法实例分析
Feb 13 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中路径问题的解决方案
2006/10/09 PHP
apache+php+mysql安装配置方法小结
2010/08/01 PHP
实例讲解YII2中多表关联的使用方法
2017/07/21 PHP
javascript写的简单的计算器,内容很多,方法实用,推荐
2011/12/29 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
js实现文本框选中的方法
2015/05/26 Javascript
jQuery实现的手机发送验证码倒计时效果代码分享
2015/08/24 Javascript
AngularJS入门之动画
2016/07/27 Javascript
vue.js 表格分页ajax 异步加载数据
2016/10/18 Javascript
webpack下实现动态引入文件方法
2018/02/22 Javascript
ES6基础之默认参数值
2019/02/21 Javascript
js字符串处理之绝妙的代码
2019/04/05 Javascript
微信小程序API—获取定位的详解
2019/04/30 Javascript
如何实现vue的tree组件
2020/12/03 Vue.js
EXTJS7实现点击拖拉选择文本
2020/12/17 Javascript
关于javascript中的promise的用法和注意事项(推荐)
2021/01/15 Javascript
python爬取NUS-WIDE数据库图片
2016/10/05 Python
Python实现的下载网页源码功能示例
2017/06/13 Python
Python cookbook(数据结构与算法)让字典保持有序的方法
2018/02/18 Python
python实时监控cpu小工具
2018/06/21 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
使用Python OpenCV为CNN增加图像样本的实现
2019/06/10 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
浅谈Python 钉钉报警必备知识系统讲解
2020/08/17 Python
python exit出错原因整理
2020/08/31 Python
工作自我评价分享
2013/12/01 职场文书
实习教师自我鉴定
2013/12/09 职场文书
五一服装活动方案
2014/01/11 职场文书
中文专业学生自我评价范文
2014/02/06 职场文书
十八届三中全会宣传方案
2014/02/21 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
2014年助理工程师工作总结
2014/11/14 职场文书
教师培训学习心得体会
2016/01/21 职场文书
四十九个javascript小知识实用技巧
2021/11/20 Javascript
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js