如果一定要添加Ajax的架構才能應用Ajax的話,那麼在一般購買虛拟主機空間的朋友們來說,讓服務商安裝自己所要用的架構在伺服器上,是一件很麻煩,也可能是不能完成的事件.是以還是讓我們自己來了解Ajax的應用吧.
其實很簡單,利用JS的XMLHTTP對像就行了.
在IE中,它是這麼聲明的:var oBao = new ActiveXObject("Microsoft.XMLHTTP");
下面是一個應用的例子,很簡單,對一個數組内容的讀取,相信大家看了後能了解Ajax最基本的東西.這個例子可以擴充成對文章的按條讀取.
首先:我們建立一個響應JS調用内容的頁面.這個頁面的作用就是獲得目前要讀取的數組内容的索引.從數組裡取得其内容,傳回給JS就行,怎麼傳回?Response.Write()就行了,一個頁面的傳回内容就是它的輸出内容.
art.aspx内容如下:
<%@ Page Language="C#" %>
<script runat="server">
private String[] Strs = new String[3];
protected void Page_Load(object sender, EventArgs e)
{
Strs[0] = "這是第一條!";
Strs[1] = "這是第二條!";
Strs[2] = "這是第三條!";
Int32 num = Int32.Parse(Request["id"]);
Response.Clear();
if (num < Strs.Length)
Response.Write(DateTime.Now.ToString("hh:mm:ss")+"-"+Strs[num]);
}
else
Response.Write("沒有下一條了!");
}
</script>
接下來,我們要建一個調用頁面了
頁面的内容很簡單:一個DIV用來顯示内容.ID=Content,然後有一個按鈕,點選時調用JS的Loadart()函數來取得内容并顯示.
Default.aspx内容如下:
<html>
<head runat="server">
<title>Ajax 讀文章示範</title>
<script type="text/javascript">
var i=0;
function loadart()
var content =document.getElementById("content");
var oBao = new ActiveXObject("Microsoft.XMLHTTP");
oBao.open("Get","art.aspx?id=" + i,false);
oBao.send();
content.innerHTML = oBao.responseText;
if(i<3)
{i++;}
else
{i=0;}
}
</head>
<body>
<div id="content">
</div>
<input type="button" onclick="loadart()" value="下一條"/>
</body>
</html>
完成了,測試一下吧,,,這兩個頁面放在一起喲.當然,你不想放在一起也行,那麼在oBap.open裡的位址就要寫完整路徑了.
一切就這麼簡單.擴充一下art.aspx,你可以讓它讀資料庫,這樣你的資訊内容就能按條浏覽了.