AJAX 學習筆記 六 AJAX 輕量級框架介紹

2021-09-22 06:13:35 字數 3479 閱讀 7724

一些開發人員將操作ajax 的固定步驟封裝成了一些框架,為後人提供了便利。

下面將要介紹兩個ajax 框架:ajaxlib 和 ajaxgold ;

ajaxlib 的介紹

客戶端**(9-7.html ):

<

html

>

<

head

>

<

title

>ajaxlib<

/title

>

<

/head

>

<

body

>

<

h3>testing ajaxlib<

/h3>

<

form

>

<

input

type="

button

"value="

display

"onclick="

mytest();

">

<

/form

>

<

divid="

targetid

">the fetched data will go here<

/div

>

<

/body

>

<

/html

>

伺服器端**(9-7.aspx ):

<%@ page language="c#" contenttype="text/xml" responseencoding="gb2312" %>

<%@ import namespace="system.data" %>

<%

response.contenttype ="text/xml";

response.cachecontrol ="no-cache";

response.addheader("pragma","no-cache");

string xml ="test

";

response.write(xml);

%>

ajaxgold 的介紹

ajaxgold 是另外一款非常實用而精簡的ajax 框架。

ajaxgold 提供了4 個函式供開發者呼叫:

● getdatareturntext( url, callback );

● getdatareturnxml( url, callback );

● postdatareturntext( url, data, callback );

● postdatareturnxml( url, data, callback );

下面以postdatareturntext( url, data, callback ) 方法為例,介紹ajaxgold 框架的使用。

客戶端**(9-8.html ):

伺服器端**(9-8.aspx ):

<%@ page language="c#" contenttype="text/html" responseencoding="gb2312" %>

<%@ import namespace="system.data" %>

<%@ import namespace="system.data.oledb" %>

<%@ import namespace="system.io" %>

<%

response.contenttype ="text/xml";

response.cachecontrol ="no-cache";

response.addheader("pragma","no-cache");

int a = int.parse(request["a"]);

int b = int.parse(request["b"]);

response.write(a+b);

%>

Ajax學習筆記

send string string 僅用於post請求 使用get還是post 與post相比,get更簡單更快,大部分情況下使用 下面情況使用post請求 無法使用快取檔案 更新伺服器上的檔案或資料庫 向伺服器傳送大量資料 傳送包含未知字元的使用者輸入時,post更穩定和可靠 get請求例項 請...

ajax學習筆記

ajax學習 1 ajax的作用 ajax區域性重新整理技術,其實就是使用js實現區域性資料的實時變更 解決了不同響應之間資料共享的問題 優勢 提高了網路傳輸效率,提公升了使用者體驗 2 ajax的使用 建立ajax物件 瀏覽器差異問題 複寫onreadystatechange函式 接收響應結果 響...

ajax學習筆記

物件的建立 var xhr null if window.xmlhttprequest else或者使用try catch語句var xhr null trycatch e responsetext中的內容格式是字串window.onload function else trycatch e xhr...