設定一表單,裡面要填姓名、年齡、興趣三項資料,
填完之後送出,經過後端處理後顯示在前端。這邊分成使用 XML 與 JSON 兩類;
步驟如下 ...
Tag : 程式設計
16 posts
本篇共被瀏覽過 2476 次,使用者 393 次,機器程式 2083 次
使用一般的 form 傳送多選資料如 checkbox 或 multiple 的 select 時,
checkbox 只要將多選項全部設定為同名,select 則是加上 multiple 屬性,
然後在後端接收多選資料成為陣列,就可以使用陣列操作方式將資料一一取出;
使用 Ajax 傳送資料時,多選資料不是透過 form 傳遞,
而是要將它們設定成字串傳出,而資料通常又是以名值對的方式包裝,
因此可以使用下列方式設定字串資料 ...
本篇共被瀏覽過 1694 次,使用者 325 次,機器程式 1369 次
後端除了可以利用 XML 傳送多項資料回前端之外,還可以使用 JSON。
JSON 就是 Javascript 的物件。
Javascript 的物件可以使用 new Object() 或 {} 來建立,
使用 new Object() 先建立物件後,再一項一項加入各 property 或 method,
例如 ...
本篇共被瀏覽過 2338 次,使用者 641 次,機器程式 1697 次
一般的 Web Application,後端程式通常只回傳一項資料,
例如回傳帶有 HTML 的文字檔案,用來更新前端瀏覽器的畫面;
使用 Ajax,通常只傳回純文字資料(不帶 HTML),
再透過 DOM 操作將資料更新到畫面中的某一個區塊內 ...
本篇共被瀏覽過 7275 次,使用者 5770 次,機器程式 1505 次
request.send 送出資料給 Web Server 後,request 物件就等著接收 response,
就像一般 Web Application 一樣;
而 request 有個 readyState 屬性,記錄著目前 request 的狀態,
根據 JavaScript 大全第五版(歐萊禮)所記載,
readyState 的狀態碼代表意義如下 ...
本篇共被瀏覽過 3685 次,使用者 1097 次,機器程式 2588 次
=== GET ===
GET method 顧名思義,原本是瀏覽器用來向 Web Server 請求取得一資料,
後來在應用上可以在 url 後方加上一些 query string 一同傳給 Web Server,
使 Web Server 取得這些資料來使用 ...
本篇共被瀏覽過 9031 次,使用者 4997 次,機器程式 4034 次
送出 request 的 function 內處理事件觸發後要操作的事項,
例如取出表單(form)的資料,或者什麼資料也不用取,
處理完之後,就要向 Web Server 發出請求。
接下來可以進行以下二個動作,先後順序不拘 ...
本篇共被瀏覽過 1822 次,使用者 347 次,機器程式 1475 次