AjaxPro的AJAX示例

前几天突然发觉项目中的一些功能用AJAX来实现会提升运行速度和稳定性，因此了解了一下AJAX，从网络上找了一个例子，形成了我的一个Project，并且调试通过，现共享给大家，由于对AJAX不怎么了解，因此不做深入介绍。

1、建立ASP.Net Web应用程序，命名成MyAJAX。

2、修改Web.Config

找到<httpHandlers>，适当位置添加

<add verb="POST,GET" path="AJAXPro/*.ashx" type="AjaxPro.AjaxHandlerFactory,AjaxPro.2"/>

我这里是ASP.NET 2.0，因此下载了AjaxPro.2.dll，因此写成AjaxPro.2

3、打开Default.aspx，添加JavaScript内容

<script type="text/javascript">
//AJAX返回数据之后的回调函数
function callback(res)
{
if(!res.error)
{
document.all.oDataPanel.innerHTML = '<xml id="xmlData">'+ res.value +'</xml>';
}
else
{
alert(res.error.Message);
}
}
</script>

4、添加HTML脚本

<form id="form1" runat="server">
<div>
<%--AJAX调用--%>
<input onclick="MyAJAX.MyClass.GetDataSet(callback)" type="button" value="GetDataSet">
<div id="oDataPanel">
</div>
<table datasrc="#xmlData" width="500" border="1" cellspacing="1" cellpadding="1">
<thead>
<tr>
<th width="70%">
姓名
</th>
<th width="30%">
年龄
</th>
</tr>
</thead>
<tr>
<td>
<span datafld="Text"></span>
</td>
<td>
<span datafld="Number"></span>
</td>
</tr>
</table>
<div id="oDataPanel1">
是准备用来存放Xml数据源的容器
</div>
</div>
</form>

5、建立一个Class，命名为MyClass

添加内容如下

using System;
using System.Data;
using System.Configuration;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
namespace MyAJAX
{
public class MyClass
{
[AjaxPro.AjaxMethod]
public string GetDataSet()
{
//假使这里要从数据库中取数据的话，也可以写了，比通过网站上的一个XML文件来返回数据直观多了，这个例子更能体现出AJAX的交互特性
DataSet dst = new DataSet();
DataTable dt = new DataTable();
dt.Columns.Add("Text");
dt.Columns.Add("Number");
Random random = new Random(Guid.NewGuid().GetHashCode());
for (int i = 0; i < random.Next(10, 20); i++)
{
DataRow row = dt.NewRow();
row["Text"] = Guid.NewGuid().ToString("N");
row["Number"] = random.Next(100);
dt.Rows.Add(row);
}
dst.Tables.Add(dt);
string text = "";
using (System.IO.MemoryStream ms = new System.IO.MemoryStream())
{
dst.WriteXml(ms);
ms.Position = 0;
System.IO.StreamReader sr = new System.IO.StreamReader(ms);
text = sr.ReadToEnd();
}
return text;
}
}
}

6、引用AjaxPro.2.dll

7、可以运行了，记住要让IIS支持2.0

之后公布资源下载，最近资源分少了，因此想顺便赚点分，请谅解。

http://download.csdn.net/source/761452

AjaxPro的AJAX示例相关推荐

Spring Boot AJAX 示例
本文以spring boot框架.thymeleaf引擎为基础,利用jquery.ajax提交HTML表单请求到后台(spring rest api),后台返回一个JSON格式的数据为例进行说明. 开 ...
ajax 示例_通过示例了解挥发
ajax 示例我们已经花了几个月的时间来稳定Plumbr中的锁定检测功能 . 在此期间,我们遇到了许多棘手的并发问题. 许多问题是独特的,但是一种特殊类型的问题一直反复出现. 您可能已经猜到了–滥用 ...
WCF与AJAX编程开发实践(1):AJAX基础概念和纯AJAX示例
[0]开篇序言: 在<WCF分布式安全开发实践>系列文章之后,很想重新开启一个系列文章,来完善WCF的学习知识.思考很久,决定写一下WCF和AJAX学习的文章,取名为<WCF ...
jquery ajax示例_jQuery AJAX JSP Servlet Java示例
jquery ajax示例 Ajax in Java JSP Servlet based web applications are very common. Recently I have writt ...
ASP.NET AJAX示例程序：实现IDragSource和IDropTarget接口将商品拖放至购物车中
本文来自<ASP.NET AJAX程序设计--第II卷:客户端Microsoft AJAX Library相关>第9章第3节. 9.3 示例程序:实现IDragSource和IDropTa ...
jsf标签p:ajax_JSF简单Ajax示例
jsf标签<p:ajax> 今天,我们将看到一些使用JSF的Ajax简单样本. 如果要查看有关JSF / Web应用程序的其他文章,请单击以下链接: 重定向后的JSF持久化对象和消息 , ...
JSF简单Ajax示例
今天,我们将看到一些使用JSF的Ajax简单样本. 如果要查看有关JSF / Web应用程序的其他文章,请单击以下链接: 重定向后的JSF持久化对象和消息 , 使用JAAS和JSF进行用户登录验证 , ...
JSP中使用AJAX示例分别将结果提交为STRUTS，SERVLET WEBWORK的不同操作方式
我原先刚开始学AJAX的时候,忘了从什么地方拉下来的一篇文章,不过,如果没有AJAX基础,最好不看这篇示例,因为你肯定看不懂,因为这个示例页不能够给你立即看到立即实现的效果,你应该先去看一个最简单的示 ...
ajaxpro安装和使用---有人说ajaxpro是ajax的替代品
引用:http://gujianxin.cnblogs.com/archive/2006/04/19/379182.html.其中有备注的地方.均为本人在实验中的扩展 1. Ajax.net 做为Aj ...

AjaxPro的AJAX示例

AjaxPro的AJAX示例相关推荐

最新文章

热门文章