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

發佈了11 篇原創文章 · 獲贊 6 · 訪問量 960
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章