[AJAX] Lesson 1 - AJAX介紹與XML的基本架構

張貼者： 日期：

簡介

本AJAX筆記是由Bucky Roberts教學影片整理而成，本篇主要對AJAX說明一些常見的應用，以及用圖示來整理一下課程上提到的概念。


內文

一. 那麼，就先來看看我覺得維基百科對AJAX比較重要的介紹，如下:
  1. AJAX全名: Asynchronous JavaScript and XML(非同步JS與XML技術)
  2. 傳統的Web應用允許用戶端在表單(form)上填寫資料，當送出表單時就向網頁伺服器傳送一個請求。伺服器接收並處理傳來的表單，然後送回一個新的網頁，但這個做法浪費了許多頻寬，因為在這表單傳送的前後，兩個頁面的HTML碼往往是相同。
  3. AJAX應用可以僅向伺服器傳送並取回必須的資料，並在用戶端採用JavaScript處理來自伺服器的回應。
二. 在哪裡可以看見AJAX應用呢?
1. google搜尋欄裡當用戶打上關鍵字時，下方馬上出現你可能要找的關鍵字。
2. 社群平台的好友動態留言，網頁能即時呈現，並且通知。
3. 按讚數即時更新等等…

三. 接著在Bucky Roberts前面課程當中，有提到一個很基本的概念，如下圖所示:



雖然網頁前端內容的即時更新是由JavaScript來實現，但是這背後需由PHP程式碼來建立一個XML檔，而這XML檔的內容就是告知哪些資料是要傳給伺服器端並取回給用戶PC來呈現(JS處理這些取回資料來呈現)。

四. 有了這個基本概念之後，馬上就來看建立一個XML檔的基本架構，如下:
<?php
header('Content-Type: text/xml');
echo '<?xml version="1.0" encoding="UTF-8" standalone="yes" ?>';

echo '<response>';

...

echo '</response>';
?>

參考

  1. Bucky Roberts的Youtuber教學影片
  2. AJAX維基百科

留言

張貼留言