Ajax.Net快速入门

小苇o

小苇o

2016-02-19 20:04

下面是个简单易学的Ajax.Net快速入门教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

现在的项目准备用ajax,用ajax.net实现,而不是atlas,所以先看下ajax.net,Ajax.Net现在的最新版本是AjaxPro5.11.4.2,下载地址是:www.schwarz-interactive.de

首先我们新建个项目,名字是AjaxPro,我用的是vs2005beta2版本。

右击站点名字点add reference添加对我们刚刚下载来的那个叫AjaxPro.2.dll的引用,如果你用的是vs2003,则添加对AjaxPro.dll的引用,然后我们在添加个web.config文件(很郁闷的是vs2005不再自动添加web.config文件拉),修改web.config如下:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

system.web httpHandlers add verb="POST,GET" path="ajaxpro/*.ashx" type="AjaxPro.AjaxHandlerFactory, AjaxPro.2"/ /httpHandlers

意思是所有的ajaxpro/*.ashx请求都由Ajax.PageHandlerFactory处理,而不是由默认的System.Web.UI.PageHandlerFactory处理程序工厂来处理。

我们现在给Default.aspx.cs文件添加个名字空间namespace MyDemo,这里更加郁闷的是为什么vs2005beta2怎么不给你自动添加名字空间啊?和2003怎么完全不同呢?

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

现在我们写个AjaxMethod服务器端方法,他和普通的服务器方法唯一不同的地方就是他必须要在方法的上面添加个[AjaxPro.AjaxMethod],代码如下:

[AjaxPro.AjaxMethod]public DateTime GetServerTime(){return DateTime.Now;}[AjaxPro.AjaxMethod]public int AddTwo(int firstInt, int secondInt){return firstInt + secondInt;} 我们还必须在Page_Load里面把这个类注册下,如下: protected void Page_Load(object sender, EventArgs e) { AjaxPro.Utility.RegisterTypeForAjax(typeof(_Default)); }

这个时候我们还必须修改aspx页面的%@Page指令行,因为我们在后台搞了个名字空间,如下:Inherits="MyDemo._Default"也就是要把名字空间也写上。我们再写客户端脚本来调用服务器方法。代码里有详细的注释,前台Default.aspx代码:

%@ Page Language="C#" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="MyDemo._Default" %
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"
html xmlns="http://www.w3.org/1999/xhtml" head runat="server"titleUntitled Page/title/headbodyform id="form1" runat="server"divinput id="Button1" type="button" value="获得服务器时间" onclick="getServerTime();" /input id="Text1" type="text" /input id="Text2" type="text" /input id="Button2" type="button" value="得到两个文本框的和" onclick="add(document.getElementById('Text1').value,document.getElementById('Text2').value)" //div/formscript type="text/javascript"function getServerTime(){//MyDemo._Default.GetServerTime()得到从服务器传来的数据是object,要写.valuealert(MyDemo._Default.GetServerTime().value);}function add(a,b){//把文本框的值转换成intvar a1 = parseInt(a);var b1 = parseInt(b);//第1、2参数为服务器方法所需要的参数,后面一个是如果服务器返回数据//客户端要处理这些数据的js函数名,他有个参数就是从服务器传来的数据MyDemo._Default.AddTwo(a1,b1,getAdd);}function getAdd(rel){//要加上.valuealert(rel.value);}/script/body/html后台Default.aspx.cs代码:
using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;namespace MyDemo{public partial 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;}[AjaxPro.AjaxMethod]public int AddTwo(int firstInt, int secondInt){return firstInt + secondInt;}}}
 

按F5运行结果如下,firefox里面测试通过:

using System;using System.Data;using System.Configuration;using System.Web;using System.Web.Security;using System.Web.UI;using System.Web.UI.WebControls;using System.Web.UI.WebControls.WebParts;using System.Web.UI.HtmlControls;namespace MyDemo{public partial 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;}[AjaxPro.AjaxMethod]public int AddTwo(int firstInt, int secondInt){return firstInt + secondInt;}}}

展开更多 50%)
分享

猜你喜欢

Ajax.Net快速入门

Web开发
Ajax.Net快速入门

web开发基础:关于Ajax.Net的快速入门

Web开发
web开发基础:关于Ajax.Net的快速入门

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Asp.Net 和 AJAX.Net 的区别

Web开发
Asp.Net 和 AJAX.Net 的区别

AJAX.NET用户开发指南(3)

Web开发
AJAX.NET用户开发指南(3)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

AJAX.NET用户开发指南(5)

Web开发
AJAX.NET用户开发指南(5)

AJAX.NET用户开发指南(4)

Web开发
AJAX.NET用户开发指南(4)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Java中计算任意两个日期之间的工作天数

Java中计算任意两个日期之间的工作天数

停用Windows8系统内置管理员账户

停用Windows8系统内置管理员账户
下拉加载更多内容 ↓