DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX詳解 >> Ajax.Net快速入門
Ajax.Net快速入門
編輯:AJAX詳解     

現在的項目准備用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如下:

<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怎麼完全不同呢?

現在我們寫個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">

<title>Untitled Page</title>

</head>

<body>

<form id="form1" runat="server">

<div>

<input id="Button1" type="button" value="獲得服務器時間"

/>

<input id="Text1" type="text" />

<input id="Text2" type="text" />

<input id="Button2" type="button" value="得到兩個文本框的和

" />

</div></form>

<script type="text/Javascript">

function getServerTime()

{

//MyDemo._Default.GetServerTime()得到從服務器傳來的數據是
object,要寫.value

alert(MyDemo._Default.GetServerTime().value);

}

function add(a,b)

{

//把文本框的值轉換成int

var a1 = parseInt(a);

var b1 = parseInt(b);

//第1、2參數為服務器方法所需要的參數,後面一個是如果服務器返回數據

//客戶端要處理這些數據的JS函數名,他有個參數就是從服務器傳來的數據

MyDemo._Default.AddTwo(a1,b1,getAdd);

}

function getAdd(rel)

{

//要加上.value

alert(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;

}

}

}

 

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved