prototype中的ajax對象應用實例

JAVASCRIPT:

1. function getContents()
2. {
3. var request_url = "test1.html";       // 需要獲取內容的url
4. var request_pars = '';//請求參數
5.  
6. var myAjax = new Ajax.Updater('result', request_url,{ // 將request_url返回內容綁定到id爲result的容器中
7. method     : 'get', //HTTP請求的方法,get or post
8. parameters : request_pars, //請求參數
9. onFailure  : reportError, //失敗的時候調用 reportError 函數
10. onLoading  : loading, //正在獲得內容的時候
11. onComplete : done     //內容獲取完畢的時候
12. });
13. }
14.  
15. function loading()
16. {
17. $('loading').style.display = 'block';
18. }
19.  
20. function done()
21. {
22. $('loading').style.display = 'none';
23. }
24.  
25. function reportError(request)
26. {
27. alert('Sorry. There was an error.');
28. }

 

 

通過這個JS類庫，將很容易的應用AJAX技術
ajax.updater應用
new Ajax.Updater('id',"url",{options});
id:你要更新的目標id
url:你要執行的操作，也可以是cgi
options:
屬性 類型 默認 描述
method Array 'post' HTTP 請求方式。
parameters String '' 在HTTP請求中傳入的url格式的值列表。
asynchronous Boolean true 指定是否做異步 AJAX 請求。
postBody String undefined 在HTTP POST的情況下，傳入請求體中的內容。
requestHeaders Array undefined 和請求一起被傳入的HTTP頭部列表，這個列表必須含有偶數個項目，任何奇數項目是自定義的頭部的名稱，接下來的偶數項目使這個頭部項目的字符串值。例子:['my-header1', 'this is the value', 'my-other-header', 'another value']
onXXXXXXXX Function(XMLHttpRequest) undefined 在AJAX請求中，當相應的事件/狀態形成的時候調用的自定義方法。例如 var myOpts = {onComplete: showResponse, onLoaded: registerLoaded};. 這個方法將被傳入一個參數，這個參數是攜帶AJAX操作的 XMLHttpRequest對象。
onSuccess Function(XMLHttpRequest) undefined 當AJAX請求成功完成的時候調用的自定義方法。這個方法將被傳入一個參數， 這個參數是攜帶AJAX操作的 XMLHttpRequest對象。
onFailure Function(XMLHttpRequest) undefined 當AJAX請求完成但出現錯誤的時候調用的自定義方法。這個方法將被傳入一個參數， 這個參數是攜帶AJAX操作的 XMLHttpRequest對象。
insertion Function(Object, String) null 爲了把返回的文本注入到一個元素中而執行的方法。這個方法將被傳入兩個參數，要被更新的對象並且只應用於 Ajax.Updater的響應文本 。
evalScripts Boolean undefined, false 決定當響應到達的時候是否執行其中的腳本塊，只在 Ajax.Updater 對象中應用。即要用到目標對象的JS代碼必須設定true。
decay Number undefined,1 決定當最後一次響應和前一次響應相同時在 Ajax.PeriodicalUpdater 對象中的減漫訪問的次數，例如，如果設爲2，後來的刷新和之前的結果一樣，這個對象將等待2個設定的時間間隔進行下一次刷新， 如果又一次一樣，那麼將等待4次，等等。不設定這個只，或者設置爲1，將避免訪問頻率變慢。