Asp.net实现无刷新调用后台实体类数据并以Json格式返回

新建一般处理程序

public class Temp
{
public int Index { get; set; }
public string Description { get; set; }
public string ImagePath { get; set; }
public DateTime MyDate { get; set; }
}
//数据源
List<Temp> listTemp = new List<Temp>()
{
new Temp(){ Index=1,ImagePath="Desert.jpg", Description="图片1",MyDate=DateTime.Now},
new Temp(){Index=2,ImagePath="Chrysanthemum.jpg", Description="图片2",MyDate=DateTime.Now},
new Temp(){Index=3,ImagePath="Penguins.jpg", Description="图片3",MyDate=DateTime.Now},
new Temp(){Index=4,ImagePath="Jellyfish.jpg", Description="图片4",MyDate=DateTime.Now},
new Temp(){Index=5,ImagePath="Tulips.jpg", Description="图片5",MyDate=DateTime.Now}
};
public void ProcessRequest(HttpContext context)
{
string index = context.Request["Index"];
string jsonStr = string.Empty;
foreach (var item in listTemp)
{
if (item.Index.ToString() == index)
{
JavaScriptSerializer serializer = new JavaScriptSerializer();
jsonStr = serializer.Serialize(item); //序列化为json格式
break;
}
}
context.Response.Write(jsonStr);
}

前台JS代码

$.getJSON("imageChange.ashx", { Index: i - 1 }, function (result) {
$("#<%=lblDescription.ClientID %>").text(result.Description);
$("#<%=Image1.ClientID %>").attr("src", path + result.ImagePath.substr(result.ImagePath.lastIndexOf('/') + 1));
var d = eval("new " + result.MyDate.replace(/\//g, ""));
$("#<%=lblDate.ClientID %>").text(Todate(d.ToLocalTime().toString()));
});

前台JS代码
//ToLocalTime()将UTC格式数据转换成标准日期格式
//注意JavaScriptSerializer会将日期序列号为自1970年1月1号的刻度值，所以js获取的时间值需做一些处理转换成标准日期格式
//详见http://msdn.microsoft.com/zh-cn/library/system.web.script.serialization.javascriptserializer.aspx

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，同时也希望多多支持脚本之家！

您可能感兴趣的文章:

• asp.net中MVC借助Iframe实现无刷新上传文件实例
• asp.net使用AJAX实现无刷新分页
• asp.net中Timer无刷新定时器的实现方法
• asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
• Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
• asp.net+jquery ajax无刷新登录的实现方法
• Asp.net 2.0 无刷新图片上传 显示缩略图 具体实现
• asp.net jquery无刷新分页插件(jquery.pagination.js)
• asp.net Ajax之无刷新评论介绍
• asp.net点击 查看更多 实现无刷新加载的实现代码
• asp.net 简便无刷新文件上传系统
• asp.net ajax实现无刷新验证码
• asp.net 30分钟掌握无刷新 Repeater
• asp.net下使用jquery 的ajax+WebService+json 实现无刷新取后台值的实现代码