當前位置:才華齋>設計>網頁設計>

零基礎學習AJAX之AJAX簡單框架

網頁設計 閱讀(9.43K)
  零基礎學習AJAX之AJAX簡單框架

Lib

零基礎學習AJAX之AJAX簡單框架

ajaxLib是一個非常小巧的ajax框架。

使用它首先將檔案使用引入到頁面中。改框架是一個直接獲取XML的框架,調運函式如下:

loadXMLDoc(url,callback,boolean)

其中,url為非同步請求的地址,callback為請求成功之後返回之後調運的函式名稱;boolean表示是否去掉XML文件中的.空格,true為去掉空格

如:

採用AjaxLib框架返回的XML文件儲存在全域性變數resultXML中,可以再decodeXML中編寫程式對其進行分析,例如:

複製程式碼 程式碼如下:

function decodeXML(){

var oTemp =lementsByTagName("temp");

lementById("targetID")rHTML = oTemp[0]Value;

}

可以看到程式碼長度比以前少了很多。

2.使用ajaxGold

Ajaxgold是另外一款特別實用的ajax框架。

Ajaxgold是另外一款特別實用的ajax框架。它有4個函式供開發者使用

複製程式碼 程式碼如下:

getDataReturnText(url,callback);

getDataReturnXML(url,callback);

postDataReturnText(url,data,callback);

postDataReturnXML(url,data,callback);

前兩個用於get方式返回文字和XML,後面兩個函式是使用POST請求方式返回文字和XML,下面以postDataReturnText(url,data,callback)為例說明

複製程式碼 程式碼如下:

提取的資料將要顯示在這

以上程式碼向傳送資料,並傳遞資料a=2b=3,服務器返回成功之後調運函式display()對返回值進行處理。

在ajaxGold中,返回文字作為callback函式的唯一引數來使用的,因此display()函式可以這樣編寫

複製程式碼 程式碼如下:

function display(text) {

lementById("targetID")rHTML = text;

}