初學者：ajax基礎（ajax概述）

1.ajax基礎

1.1傳統網站中存在的問題

• 網速慢的情況下，頁面加載時間長，使用者隻能等待
• 表單送出後，如果一項内容不合格，需要重新填寫所有表單内容
• 頁面跳轉，重新加載頁面，造成資源浪費，增加使用者等待時間

案例

補充：php 檔案的運作方式

除了可以啟動 apache服務外，還可以使用 PHP 内置的 web 伺服器

啟動方法如下

在 vs code 中，啟動終端(ctrl+`)，輸入如下指令

php -S localhost:3000

然後在位址欄中輸入如下位址，即可啟動

http://localhost:3000/01-validate.php

如果啟動報錯，可能是沒有配置php環境變量所緻

配置步驟如下

右鍵“我的電腦”，選擇“屬性“，選擇”進階系統設定“，選擇”環境變量“，選擇系統變量中的 “path”，然後點選“編輯”，點選建立，将php.exe 所在目錄添加進去，然後一路确定

1.2Ajax概述

Ajax：标準讀音 [ˈeɪˌdʒæks] ，中文音譯：阿賈克斯

它是浏覽器提供的一套方法，可以實作頁面無重新整理更新資料，提高使用者浏覽網站應用的體驗。

最早将ajax技術廣泛應用的是 google，google 最早将 ajax 技術應用到了郵箱服務 gmail，後來又應用到 google 地圖

1.3 Ajax 的應用場景

• 頁面上拉加載更多資料
• 清單資料無重新整理分頁
• 表單項離開焦點資料驗證
• 搜尋框提示文字下拉清單

1.4Ajax 的運作環境

Ajax 技術需要運作在網站環境中才能生效，目前課程會使用 PHP 建立的伺服器作為網站伺服器。