乙個剖析AJAX原理的簡單範例 轉

2022-10-10 10:57:13 字數 1451 閱讀 9796

宣告:本**是引用自奚江華的著作,但我沒有在網路找到相關位址,所以沒有新增相關引用。這個例子是我手動敲打進來的,一是為了自己練習一下,二來也方便大家學習和指教。

為了讓各為能夠了解什麼是ajax,以下是乙個ajax的手工範例(即不引用任何的library或ajax framework),此範例頗為精要易懂,其作用主要是透過client 端的browser來即時監控web 伺服器資源或效能變化,各位只要做過一遍範例就能夠了解ajax在網頁開發上是多麼具有威力了。

先來看看效果圖:

本範例是乙個簡單的ajax例子,但麻雀雖小五臟俱全,可由此窺見原始ajax非同技術是如何運作。不需要安裝任何特殊的ajax套件,步驟說明如下:

一 建立web專案

首先在vs 2005(或vs.net 2003)建立乙個普通的web專案,或者您沒有vs開發工具,直接用記事本建立也行。

二 建立client端頁面

在web專案中加入乙個client端頁面client.htm,並將此頁面設定為起始頁,這個頁面會向web伺服器網頁發出非同步呼叫請求,並且將伺服器回傳資料更新到網頁元素中,**如下:

三 建立server端處理程式

另外在專案中加入乙個server.aspx網頁(含.cs),server.aspx不需要新增任何**。

server.aspx.cs 程式碼如下:

using system;

using system.data;

using system.configuration;

using system.collections;

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;

using system.diagnostics;

public partial class server : system.web.ui.page

}說明:

首先記得引用system.diagnostics 命名空間,因為performancecounter 必須使用該命名空間,

而performancecounter類別可讓您監控windows 作業系統的各種效能計數器,在此透過它取得伺服器每秒可用記憶體大小的變化情形。

執行client.htm頁面,大約會花5秒啟始performance-counter物件,之後透過ajax便可每秒獲得server可用記憶

體變化情形。當然用server side的timer也可以實現,但那種方式會造成server的loading爆增,人多的話還可能搞垮你的server,但ajax 就具有極佳的彈性與靈巧,透過ajax您可以即時偵測到資料庫或事件的變化即時顯現在網頁上。

JSONP的乙個簡單使用範例

資料分析 說明 根據頁面的分析 商品分類資訊最外層使用list集合進行包裹,名稱為data list 0 1 2 一級選單中的使用u url n name i list 二級選單 二級選單中使用u url n name i list 選單 選單 list jsonp的呼叫 說明 經返回值準備成jso...

乙個c strunct的範例

結構體與類之間的區別在於 結構體中所有成員 包括資料成員和成員函式 預設情況下都是public,而類中所有成員預設情況下都是private。除些之外,兩者可以通用。include include using namespace std struct student student student v...

簡單實現乙個進度條並剖析原理

我們要實現關於乙個進度條,我們的想法是採用for迴圈的方式,所以對於這個進度條,我們需要從下面幾個問題來一一看待問題。這兩個符號,乙個叫做回車,乙個叫做換行,好多人對這兩個分不清,所以我們在這裡需要介紹一下。在最早的時候,只有打字機的時候,人們在每行的後面加上兩個表示結束的字元,乙個叫做回車,它把打...