Category : Ajax

11 posts

在 HTML 的 head 部份加入使用 json.js 及 json2.js 檔案: 先至 http://www.json.org 下載 json.js 及 json2.js, 再將這兩個檔案前面的第一行程式碼刪除(alert())後儲存 ...
本篇共被瀏覽過 6829 次,使用者 3264 次,機器程式 3565 次
前端撰寫 button onclick 會呼叫的 submitForm() 程式碼: 先接收表單資料,再將資料串接成名值對字串,然後指定後端處理程式的位置, 指定 POST 資料的 Content-Type,指定 readyState 改變時要呼叫的程式, 最後再送出資料 ...
本篇共被瀏覽過 1007 次,使用者 226 次,機器程式 781 次
設定一表單,裡面要填姓名、年齡、興趣三項資料, 填完之後送出,經過後端處理後顯示在前端。這邊分成使用 XML 與 JSON 兩類; 步驟如下 ...
本篇共被瀏覽過 1245 次,使用者 143 次,機器程式 1102 次
使用一般的 form 傳送多選資料如 checkbox 或 multiple 的 select 時, checkbox 只要將多選項全部設定為同名,select 則是加上 multiple 屬性, 然後在後端接收多選資料成為陣列,就可以使用陣列操作方式將資料一一取出; 使用 Ajax 傳送資料時,多選資料不是透過 form 傳遞, 而是要將它們設定成字串傳出,而資料通常又是以名值對的方式包裝, 因此可以使用下列方式設定字串資料 ...
本篇共被瀏覽過 1255 次,使用者 248 次,機器程式 1007 次
後端除了可以利用 XML 傳送多項資料回前端之外,還可以使用 JSON。 JSON 就是 Javascript 的物件。 Javascript 的物件可以使用 new Object() 或 {} 來建立, 使用 new Object() 先建立物件後,再一項一項加入各 property 或 method, 例如 ...
本篇共被瀏覽過 1785 次,使用者 516 次,機器程式 1269 次
一般的 Web Application,後端程式通常只回傳一項資料, 例如回傳帶有 HTML 的文字檔案,用來更新前端瀏覽器的畫面; 使用 Ajax,通常只傳回純文字資料(不帶 HTML), 再透過 DOM 操作將資料更新到畫面中的某一個區塊內 ...
本篇共被瀏覽過 6734 次,使用者 5636 次,機器程式 1098 次
request.send 送出資料給 Web Server 後,request 物件就等著接收 response, 就像一般 Web Application 一樣; 而 request 有個 readyState 屬性,記錄著目前 request 的狀態, 根據 JavaScript 大全第五版(歐萊禮)所記載, readyState 的狀態碼代表意義如下 ...
本篇共被瀏覽過 2349 次,使用者 655 次,機器程式 1694 次
PAGE TOP