使用者工具

網站工具


webdesign:head_rush_ajax_2

這是本文件的舊版!


Head Rush Ajax 讀書筆記

Chapter Two

JavaScript 事件處理器

  • onChange - 表單欄位值改變時觸發
  • onFocus - 欄位取得焦點時觸發
  • onBlur - 欄位失去焦點時觸發

HTML 部份

當網頁載入時,清除文件中的第一個表單( forms[0] )。

<body onLoad="document.forms[0].reset();">

每個輸入欄位都有一個「id」,給之後的 DOM 用來做資料處理。

<input type="text" size="14" name="phone" id="phone" onChange="getCustomerInfo();" />

取得網頁上的資料

    function getCustomerInfo() {
      var phone = document.getElementById("phone").value;
      var url = "lookupCustomer.php?phone="+escape(phone);
      request.open("GET", url, true);
      request.onreadystatechange = updatePage;
      request.send(null);
    }
webdesign/head_rush_ajax_2.1172420919.txt.gz · 上一次變更: 2007/02/26 00:42 (外部編輯)