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 12 Javascript
jQuery+canvas实现简单的球体斜抛及颜色动态变换效果
Jan 28 Javascript
小白谈谈对JS原型链的理解
May 03 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
从零开始学习Node.js系列教程五:服务器监听方法示例
Apr 13 Javascript
详解windows下vue-cli及webpack 构建网站(三)使用组件
Jun 17 Javascript
Vue.js项目部署到服务器的详细步骤
Jul 17 Javascript
vue axios登录请求拦截器
Apr 02 Javascript
js+HTML5 canvas 实现简单的加载条(进度条)功能示例
Jul 16 Javascript
vue中使用百度脑图kityminder-core二次开发的实现
Sep 26 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
js前端图片加载异常兜底方案
Jun 21 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
使用 MySQL 开始 PHP 会话
2006/12/21 PHP
php session处理的定制
2009/03/16 PHP
PHP反向代理类代码
2014/08/15 PHP
微信支付扫码支付php版
2016/07/22 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
js 禁止选择功能实现代码(兼容IE/Firefox)
2010/04/23 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
JavaScript高级程序设计阅读笔记(五) ECMAScript中的运算符(一)
2012/02/27 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
2013/01/11 Javascript
html向js方法传递参数具体实现
2013/08/08 Javascript
JavaScript中使用concat()方法拼接字符串的教程
2015/06/06 Javascript
实例详解JSON数据格式及json格式数据域字符串相互转换
2016/01/07 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
Vue.js每天必学之构造器与生命周期
2016/09/05 Javascript
jQuery tagsinput在h5邮件客户端中应用详解
2016/09/26 Javascript
Asp.Net之JS生成分页条的方法
2016/11/23 Javascript
bootstrap table实现双击可编辑、添加、删除行功能
2017/09/27 Javascript
vue中引用阿里字体图标的方法
2018/02/10 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
详解javascript replace高级用法
2019/02/17 Javascript
VUE写一个简单的表格实例
2019/08/06 Javascript
微信小程序图片自适应实现解析
2020/01/21 Javascript
[02:56]DOTA2英雄基础教程 巨魔战将
2013/12/10 DOTA
[58:46]OG vs NAVI 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python中enumerate函数代码解析
2017/10/31 Python
Python爬虫中urllib库的进阶学习
2018/01/05 Python
python面向对象多线程爬虫爬取搜狐页面的实例代码
2018/05/31 Python
Python企业编码生成系统总体系统设计概述
2019/07/26 Python
中专生职业生涯规划书范文
2013/12/29 职场文书
放飞梦想演讲稿800字
2014/08/26 职场文书
第二批党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
幼儿园园长工作总结2015
2015/05/25 职场文书
职场新人刚入职工作总结该怎么写?
2019/05/15 职场文书
关于感恩的作文
2019/08/26 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL