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 創建的服務器作爲網站服務器。