使用者工具

網站工具


webdesign:head_rush_ajax_appendix

這是本文件的舊版!


Head Rush Ajax 讀書筆記

Chapter Five

Prototype

http://prototype.conio.net

<script type="text/javascript" src="prototype.js"> </script>
var request = new Ajax.Request(
  url,    // 請求所要送達的地方
  {
    method: 'get',    // GET or POST
    parameters: 'phone=1234567890&name=SARS',    // 名值對,送到伺服端
    onSuccess: updatePage,
    onFailure: reportError    // 發生錯誤時執行此回呼函式
  }
......
}

處理回應:
<code>
function updatePage(request) {
  var response = request.responseText;    // 不需要檢查備妥狀態和狀態碼,Prototype 會處理
}

Dojo

http://dojotoolkit.org

想使用「包裹」時,就在靜態 JavaScript 中執行 dojo.require(包裹名稱)。

dojo.io.bind 是 Dojo 包裹,含有 Ajax 相關程式碼和通用程式。

<script language="JavaScript" type="text/javascript">
  dojo.require("dojo.io.bind");
</script>

送出請求:

var arguments = {
  url: 'lookupCustomer.php',
  method: 'GET',
  content: 'phone=1234567890&name='SARS',
  error: reportError,
  load: updatePage
};

dojo.io.bind(arguments);

處理回應:

function updatePage(type, value, evt) {
  var response = value;    // 伺服器的回應
}
webdesign/head_rush_ajax_appendix.1173000817.txt.gz · 上一次變更: 2007/03/04 17:50 (外部編輯)