零基礎(chǔ)學(xué)習(xí)AJAX之AJAX簡單框架

零基礎(chǔ)學(xué)習(xí)AJAX之AJAX簡單框架

　　零基礎(chǔ)學(xué)習(xí)AJAX之AJAX簡單框架

　　1.ajaxLib

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

　　使用它首先將文件使用引入到頁面中。改框架是一個直接獲取XML的框架，調(diào)運(yùn)函數(shù)如下：

　　loadXMLDoc(url,callback,boolean)

　　其中，url為異步請求的地址，callback為請求成功之后返回之后調(diào)運(yùn)的函數(shù)名稱；boolean表示是否去掉XML文檔中的空格，true為去掉空格

　　如：

　　采用AjaxLib框架返回的XML文檔保存在全局變量resultXML中，可以再decodeXML中編寫程序?qū)ζ溥M(jìn)行分析，例如：

　　復(fù)制代碼 代碼如下:

　　function decodeXML(){

　　var oTemp =resultXML.getElementsByTagName("temp");

　　document.getElementById("targetID").innerHTML = oTemp[0].firstChild.nodeValue;

　　}

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

　　2.使用ajaxGold

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

　　Ajaxgold是另外一款特別實用的ajax框架。它有4個函數(shù)供開發(fā)者使用

　　復(fù)制代碼 代碼如下:

　　getDataReturnText(url,callback);

　　getDataReturnXML(url,callback);

　　postDataReturnText(url,data,callback);

　　postDataReturnXML(url,data,callback);

　　前兩個用于get方式返回文本和XML,后面兩個函數(shù)是使用POST請求方式返回文本和XML,下面以postDataReturnText(url,data,callback)為例說明

　　復(fù)制代碼 代碼如下:

　　提取的數(shù)據(jù)將要顯示在這

　　以上代碼向1-8.aspx發(fā)送數(shù)據(jù)，并傳遞數(shù)據(jù)a=2b=3,服務(wù)器返回成功之后調(diào)運(yùn)函數(shù)display()對返回值進(jìn)行處理。

　　在ajaxGold中，返回文本作為callback函數(shù)的唯一參數(shù)來使用的，因此display()函數(shù)可以這樣編寫

　　復(fù)制代碼 代碼如下:

　　function display(text) {

　　document.getElementById("targetID").innerHTML = text;

　　}

《&.doc》

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档

【零基礎(chǔ)學(xué)習(xí)AJAX之AJAX簡單框架】相關(guān)文章：

零基礎(chǔ)學(xué)習(xí)AJAX之制作自動校驗的表單問題07-25

AJAX的工作原理及優(yōu)缺點08-16

使用ajax操作JavaScript對象的方法09-28

關(guān)于Ajax技術(shù)原理的幾點總結(jié)01-10

基于ajax實現(xiàn)無刷新分頁的方法10-15

解析ajax請求post和get的區(qū)別10-01

如何利用ajax獲取博文列表08-03

淺談Ajax修改購物車的方法06-29

Ajax使用JSON數(shù)據(jù)格式案例分析01-10

揭秘利用ajax實現(xiàn)預(yù)覽鏈接看鏈接的內(nèi)容10-19