jQuery asp.net 用json格式返回自定义对象
更新时间：2010年04月07日 13:37:33 作者：
客户端用一个html页面调用一个ashx文件（一般http处理程序），返回 json格式的自定义对象
客户端用一个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()
{ }
}
}
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()
{ }
}
}
相关文章
这篇文章主要为大家详细介绍了基于jQuery实现页面搜索功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-07-07
这篇文章主要介绍了jquery实现简单的表单验证，思路大概是先为每一个required添加必填的标记，用each()方法来实现，感兴趣的小伙伴们可以参考一下2015-11-11
jquery获得下拉框值的代码，使用jquery的朋友可以参考下。2011-08-08
这篇文章主要介绍了jQuery中nextUntil()方法用法,实例分析了nextUntil()方法的功能、定义及匹配同辈元素的技巧与注意事项,需要的朋友可以参考下2015-01-01
jquery移除了live()、die(),新版事件绑定on()、off()的方法
下面小编就为大家带来一篇jquery移除了live()、die(),新版事件绑定on()、off()的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
jQuery怎么解析Json字符串(Json格式/Json对象)
可以利用jquery或js解析json数据，下面与大家分享下jquery解析json字符串方法，一个是解析Json格式，一个是解析Json对象，感兴趣的朋友可以学习下2013-08-08
让jQuery与其他JavaScript库并存避免冲突的方法
为了解决jQuery和其他JavaScript库中$()函数的冲突，需要取消jQuery的$()函数，下面有个不错的方法，感兴趣的朋友可以参考下2013-12-12
对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法.换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用2010-08-08
这篇文章主要介绍了jQuery实现的简单排序功能,结合实例形式分析了冒泡排序的原理及具体实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下2017-01-01
这篇文章主要为大家详细介绍了jquery css实现流程进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
最新评论