一些開發人員將操作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...