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 陷阱 window全局对象
Nov 26 Javascript
基于jquery实现状态限定编辑的代码
Feb 11 Javascript
带左右箭头图片轮播的JS代码
Dec 18 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
Mar 08 Javascript
AngularJs  Using $location详解及示例代码
Sep 02 Javascript
详解在AngularJS的controller外部直接获取$scope
Jun 02 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
Jul 04 Javascript
vue2.0 常用的 UI 库实例讲解
Dec 12 Javascript
vue input实现点击按钮文字增删功能示例
Jan 29 Javascript
layui form表单提交之后重新加载数据表格的方法
Sep 11 Javascript
微信小程序如何获取用户头像和昵称
Sep 23 Javascript
Js代码中的span拼接问题解决
Nov 22 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使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
thinkPHP查询方式小结
2016/01/09 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
jQuery 过滤方法filter()选择具有特殊属性的元素
2014/06/15 Javascript
JavaScript定义类和对象的方法
2014/11/26 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
javascript实现一个数值加法函数
2015/06/26 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
vue 文件目录结构详解
2017/11/24 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
2018/02/13 jQuery
通过jquery的ajax请求本地的json文件方法
2018/08/08 jQuery
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
2019/05/14 Javascript
JavaScript定时器使用方法详解
2020/03/26 Javascript
使用Python横向合并excel文件的实例
2018/12/11 Python
python实现将视频按帧读取到自定义目录
2019/12/10 Python
Tensorflow tf.dynamic_partition矩阵拆分示例(Python3)
2020/02/07 Python
python3 sorted 如何实现自定义排序标准
2020/03/12 Python
浅谈tensorflow模型保存为pb的各种姿势
2020/05/25 Python
python redis存入字典序列化存储教程
2020/07/16 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
python 如何调用远程接口
2020/09/11 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
中粮集团旗下食品网上购物网站:我买网
2016/09/22 全球购物
优衣库澳大利亚官网:UNIQLO澳大利亚
2017/01/18 全球购物
安全资料员岗位职责
2013/12/14 职场文书
《纸船和风筝》教学反思
2014/02/15 职场文书
求职信怎么写范文
2014/05/26 职场文书
学生安全责任书模板
2014/07/25 职场文书
2014年教育工作总结
2014/11/26 职场文书
《花钟》教学反思
2016/02/17 职场文书
2016年国庆节假期旅游工作总结
2016/04/01 职场文书