設定一表單，裡面要填姓名、年齡、興趣三項資料， 填完之後送出，經過後端處理後顯示在前端。這邊分成使用 XML 與 JSON 兩類； 步驟如下 ...

使用一般的 form 傳送多選資料如 checkbox 或 multiple 的 select 時， checkbox 只要將多選項全部設定為同名，select 則是加上 multiple 屬性， 然後在後端接收多選資料成為陣列，就可以使用陣列操作方式將資料一一取出； 使用 Ajax 傳送資料時，多選資料不是透過 form 傳遞， 而是要將它們設定成字串傳出，而資料通常又是以名值對的方式包裝， 因此可以使用下列方式設定字串資料 ...

後端除了可以利用 XML 傳送多項資料回前端之外，還可以使用 JSON。 JSON 就是 Javascript 的物件。 Javascript 的物件可以使用 new Object() 或 {} 來建立， 使用 new Object() 先建立物件後，再一項一項加入各 property 或 method， 例如 ...

一般的 Web Application，後端程式通常只回傳一項資料， 例如回傳帶有 HTML 的文字檔案，用來更新前端瀏覽器的畫面； 使用 Ajax，通常只傳回純文字資料(不帶 HTML)， 再透過 DOM 操作將資料更新到畫面中的某一個區塊內 ...

request.send 送出資料給 Web Server 後，request 物件就等著接收 response， 就像一般 Web Application 一樣； 而 request 有個 readyState 屬性，記錄著目前 request 的狀態， 根據 JavaScript 大全第五版(歐萊禮)所記載， readyState 的狀態碼代表意義如下 ...

=== GET === GET method 顧名思義，原本是瀏覽器用來向 Web Server 請求取得一資料， 後來在應用上可以在 url 後方加上一些 query string 一同傳給 Web Server， 使 Web Server 取得這些資料來使用 ...

送出 request 的 function 內處理事件觸發後要操作的事項， 例如取出表單(form)的資料，或者什麼資料也不用取， 處理完之後，就要向 Web Server 發出請求。 接下來可以進行以下二個動作，先後順序不拘 ...