初识ajaxpro以及使用
2009-03-14 21:08
183 查看
这段时间上班很空闲,老大整天叫我看项目需求分析,我看了2天之后,看见老大还没给我安排任务,正好碰到一个朋友叫我写个ajax程序给他,我就用原来的老办法,全部用js写的xmlhttpRequest代码,写了半天,任务完成了,程序终于交到朋友手里。但是我一直在想,要是这个ajax程序要是还复杂一点,那不要累死。于是上网去搜索了一些ajax相关的资料,最终发现ajaxpro这个ajax框架比较不错,用起来也比较简单。具体使用步骤如下:
1,我们第一件事就是去ajaxpro官网去下载ajaxpro的组件。ajaxpro的官网是:http://ajaxpro.info。
2,下载了ajaxpro组件包。先解压,我们只需要那文件里面的AjaxPro.2.dll,把它放在新建的网站应用程序的bin文件中。
3,修改webconfig文件,在webconfig的system.web节点下添加:以下应用的示例:
<system.web>
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
</httpHandlers>
</system.web>
4,注册ajax类型的方法和类(*大家注意红字和蓝字的代码)
public class _Default:System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
}
[AjaxPro.AjaxMethod]
public DateTime GetServerTime()
{
return DateTime.Now;
}
}
5,客户端js调用方法也很简单。
function getServerTime()
{
_Default.GetServerTime(getServerTime_callback);
}
//这里就是回调函数,记得要拿返回的值是res.value,res是随便命名的变量名。
function getServerTime_callback(res)
{
alert(res.value);
}
就这样,简单的几步,就已经完成了在客户端用javascript异步调用服务器端的C#方法,并可以得到服务器端的返回值,这个值会传到javascript,javascript可以处理这个返回的值,在这个示例中返回的是DateTime类型的。不过,我们也可以返回复杂的数据类型,像DataTable之类,总之,AjaxPro把Ajax搞得很简单。到这里,聪明的你,应该对ajaxPro的使用应该掌握了吧!
1,我们第一件事就是去ajaxpro官网去下载ajaxpro的组件。ajaxpro的官网是:http://ajaxpro.info。
2,下载了ajaxpro组件包。先解压,我们只需要那文件里面的AjaxPro.2.dll,把它放在新建的网站应用程序的bin文件中。
3,修改webconfig文件,在webconfig的system.web节点下添加:以下应用的示例:
<system.web>
<httpHandlers>
<add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/>
</httpHandlers>
</system.web>
4,注册ajax类型的方法和类(*大家注意红字和蓝字的代码)
public class _Default:System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default));
}
[AjaxPro.AjaxMethod]
public DateTime GetServerTime()
{
return DateTime.Now;
}
}
5,客户端js调用方法也很简单。
function getServerTime()
{
_Default.GetServerTime(getServerTime_callback);
}
//这里就是回调函数,记得要拿返回的值是res.value,res是随便命名的变量名。
function getServerTime_callback(res)
{
alert(res.value);
}
就这样,简单的几步,就已经完成了在客户端用javascript异步调用服务器端的C#方法,并可以得到服务器端的返回值,这个值会传到javascript,javascript可以处理这个返回的值,在这个示例中返回的是DateTime类型的。不过,我们也可以返回复杂的数据类型,像DataTable之类,总之,AjaxPro把Ajax搞得很简单。到这里,聪明的你,应该对ajaxPro的使用应该掌握了吧!
相关文章推荐
- ASP.NET AJAX 以及AJAXPRO使用客户端调用服务器端的方法--初学者学习
- (webservice,ajax,jmail)Tip:动态调用webservice,ajaxpro的使用要点以及使用jmail接口使用注意事项
- django-simple-captcha 使用 以及添加动态ajax刷新验证
- 表单onsubmit事件无效以及表单onsubmit使用ajax无效解决
- 使用Ajax以及CSS+DIV高仿谷歌搜索(附源码下载)
- AjaxPro简单使用方法
- ajaxpro组件在windows2008 + IIS7 下不能正常使用的问题(摘)
- Ajaxpro 使用~
- 转:使用AjaxPro实现文件上传进度条
- AjaxPro使用方法
- .AjaxPro的使用
- Ajax的使用以及跨域(中)
- Ajax的使用以及跨域
- Ajax的使用以及跨域(上)
- 使用Ajax实现DropDownList和ListBox的联动以及两个ListBox之间数据的移动
- AjaxPro使用说明
- AjaxPro使用方法
- ajaxPro2.0和ajaxControl在同一页面使用冲突问题
- ajax 方法的使用以及方法中各参数的含义
- JSF与ajax使用h:messages 在commandButton上交互的问题以及在JSF前端使用ENUM数据类型