在Asp.net中使用jquery实现Ajax
来源:互联网 发布:如何开充话费的淘宝店 编辑:程序博客网 时间:2024/06/04 18:10
对于jqury这个javascript类库,有官方的网站支持,感兴趣的想彻底研究的不妨移步过去:点这儿.
这里只提供自已使用jqury在Asp.net中的应用方案。
首先,要解决的问题是使用jQuery.getJSON(url,[data],[callback])方法中url,即要获取前台处理数据的地址。因为以前有过开发GIS的经验,所以知道一般GIS的解决方案是通过调用“一般处理程序”即以.ashx结尾的文件,它实际上是通过继承IHttpHandler这个接口来实现自定义返回给客户端自定义内容的。
IHttpHandler这个接口比较简单只有一个属性和一个方法:
using System;
namespace System.Web
{
public interface IHttpHandler
{
bool IsReusable { get; }
void ProcessRequest(HttpContext context);
}
}
其中ProcessRequest(HttpContext context)这个方法是我们关心的。在我们的.ashx文件中,我们就是要实现自已的ProcessRequest(HttpContext contex),用它来给客户端返回前端数据。
第二个要解决的问题是C#的数据结构和javascript是完全不同的,所以C#的数据要返回给javascript处理,必须的找个桥梁。这里有两个选择:1.xml;2.JSON。因为这里只是简单的应用实现,所以我选择的是相对简单的JSON。
方案已定,下面在自己的.ashx文件中可以这么实现ProcessRequest(HttpContext contex)方法:
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string data = "[{name:/"fan/",age:26},{name:/"wang/",age:25}]";//构建的json数据
//下面两句是用来测试前台向此页面发出的查询字符
context.Response.Write(data);
}
OK,后台的部分完成,剩下的就简单很多,在前台页面中请求这个.ashx即可:
Code
<script language="javascript" type="text/javascript" src="jquery-1.2.3.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$.getJSON(
"AjaxHandler.ashx",//产生JSON数据的服务端页面
//对返回的JSON数据进行处理,本例以列表的形式呈现
function(json){
//循环取json中的数据,并呈现在列表中
// debugger;
$.each(json,function(i){
$("#cat-list").append("<li>name:"+json[i].name+" Age:"+json[i].age+"</li>")
})
});
});
</script>
<div id="categories">
<h3 title="选择一个分区"><span>选择</span></h3>
<ul id="cat-list"></ul>
</div>
按F5的话可以看到效果。
当然这只是简单的Demo,如果想实际应用的话,可以写一个类库来专门处理C#转化为JSON格式,这样处理起来应该方便很多。如果有时间的话,等闲下来我来实现个。
不知道这个轻量级的应用是否恰当,请各位兄弟指教!
- 在Asp.net中使用jquery实现Ajax
- 在Asp.net中使用jquery实现Ajax
- 在Asp.net中使用jquery实现Ajax
- 在Asp.net中使用jquery实现Ajax (转)
- JQuery Ajax 在asp.net中使用总结
- JQuery Ajax 在asp.net中使用总结
- JQuery Ajax 在asp.net中使用总结
- JQuery Ajax 在asp.net中使用总结
- JQuery Ajax 在asp.net中使用总结
- 在ASP.NET中使用Callback实现AJAX
- 在asp.net中使用jquery.uploadify-3.1实现上传
- 在ASP.NET中实现AJAX
- 在ASP.NET中实现AJAX
- 在ASP.NET中实现AJAX
- 在ASP.NET中实现AJAX
- 在ASP.NET中实现AJAX
- 在ASP.NET中实现AJAX (转)
- 在ASP.NET中实现AJAX
- 用显卡算密码:有意思的“暴力”密码破解工具
- Photoshop Elements 4 For Dummies
- Joe Celko's Trees and Hierarchies in SQL for Smarties
- Time is going
- Implementing Voice over IP
- 在Asp.net中使用jquery实现Ajax
- Communicating with Smart Objects: Developing Technology for Usable Pervasive Computing Systems
- 【编程】背包问题
- 如何下载WDK
- 2008.12.08
- AAA and Network Security for Mobile Access: Radius, Diameter, EAP, PKI and IP Mobility
- Overload和Override的区别
- 属性:availHeight availWidth height
- Building Open Source Network Security Tools: Components and Techniques