- AJAX 教程
- AJAX - 首頁
- AJAX - 什麼是 AJAX?
- AJAX - 歷史
- AJAX - 動態網站與靜態網站
- AJAX - 技術
- AJAX - 操作
- AJAX - XMLHttpRequest
- AJAX - 傳送請求
- AJAX - 請求型別
- AJAX - 處理響應
- AJAX - 處理二進位制資料
- AJAX - 提交表單
- AJAX - 檔案上傳
- AJAX - FormData 物件
- AJAX - 傳送 POST 請求
- AJAX - 傳送 PUT 請求
- AJAX - 傳送 JSON 資料
- AJAX - 傳送資料物件
- AJAX - 監控進度
- AJAX - 狀態碼
- AJAX - 應用
- AJAX - 瀏覽器相容性
- AJAX - 示例
- AJAX - 瀏覽器支援
- AJAX - XMLHttpRequest
- AJAX - 資料庫操作
- AJAX - 安全性
- AJAX - 問題
- Fetch API 基礎
- Fetch API - 基礎
- Fetch API 與 XMLHttpRequest
- Fetch API - 瀏覽器相容性
- Fetch API - 頭部資訊
- Fetch API - 請求
- Fetch API - 響應
- Fetch API - 主體資料
- Fetch API - 憑據
- Fetch API - 傳送 GET 請求
- Fetch API - 傳送 POST 請求
- Fetch API - 傳送 PUT 請求
- Fetch API - 傳送 JSON 資料
- Fetch API - 傳送資料物件
- Fetch API - 自定義請求物件
- Fetch API - 上傳檔案
- Fetch API - 處理二進位制資料
- Fetch API - 狀態碼
- Stream API 基礎
- Stream API - 基礎
- Stream API - 可讀流
- Stream API - 可寫流
- Stream API - 變換流
- Stream API - 請求物件
- Stream API - 響應主體
- Stream API - 錯誤處理
- AJAX 有用資源
- AJAX - 快速指南
- AJAX - 有用資源
- AJAX - 討論
Ajax - 動態網站與靜態網站
網站是由多個但相關的網頁組成的集合,其中包含多媒體內容,例如文字、影像、影片和音訊。網際網路上的每個網站都有其自己的獨立 URL,我們可以使用 Web 瀏覽器透過該 URL 訪問它。例如 - https://tutorialspoint.tw/。
網站分為兩種型別 -
靜態網站
動態網站
靜態網站
靜態網站是指伺服器返回的網頁是使用簡單的 HTML 和 CSS 編寫的預構建原始碼檔案。靜態網站的內容是固定的,這意味著網站的內容只能由網站所有者(手動)更改,允許在伺服器端更改靜態網站的內容。或者我們可以說,靜態網站是指網站內容無法從伺服器端操作或更改的網站。靜態網站不需要任何指令碼語言。例如,
動態網站
動態網站是指網頁內容是動態的網站,這意味著網站上的資訊可以根據使用者提供的輸入自動更改。動態網站需要後端資料庫和 PHP、Node.js 等指令碼語言。為了獲得良好的靈活性和動態網站需要更復雜的後端。動態網站的示例包括 Netflix、Facebook、Twitter 等。
動態網站與靜態網站
以下是動態網站和靜態網站的區別 -
| 靜態網站 | 動態網站 |
|---|---|
| 網站內容在執行時無法更改。 | 網站內容可以在執行時更改。 |
| 與資料庫沒有互動。 | 它非常有效地與資料庫互動。 |
| 與動態網站相比,它在 Web 瀏覽器上載入速度更快。 | 與靜態網站相比,它在 Web 瀏覽器上載入速度較慢。 |
| 開發成本低廉。 | 開發成本高。 |
| 它不需要內容管理系統。 | 它需要內容管理系統。 |
| 它不需要指令碼語言。 | 它需要指令碼語言。 |
| 要開發靜態網站,我們需要 HTML、CSS 和 Javascript。 | 要開發動態網站,我們需要 HTML、CSS 和 Javascript 等 Web 語言以及 PHP、Node.js 等伺服器端語言。 |
| 每次頁面載入時,它都會提供相同的資料/內容。 | 每次頁面載入時,它都可以提供不同的內容/資料。 |
| 它的可擴充套件性差。 | 它的可擴充套件性好。 |
結論
因此,這些是動態網站和靜態網站的主要區別。因此,開發人員和使用者更喜歡動態網站而不是靜態網站。現在,在下一篇文章中,我們將學習有關 AJAX 技術的知識。
廣告