前一篇還記得
我們的格式,是利用傳統表單的格式嗎??
也就是xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
今天我們要來介紹
如何利用 AJAX 來傳遞 JSON 資料
AJAX JSON傳遞
讓我們先看看 CodePen
會發現我們的格式
必須改成xhr.setRequestHeader('Content-type','application/json');
且我們必須先
把資料轉成 字串(String)格式var data = JSON.stringify(account);
有點像我們要把資料存進 localStorage 前
必須將資料轉為字串
大家應該還沒有忘記
JSON.stringify 與 JSON.parse 吧
如果忘記了 可以參考前幾篇文章唷~~
AJAX 實務範例設計
CodePen
這裡會發現
我們把撈到的資料
再做一次比對
最後再呈現結果
是不是很簡單呢~~~
那 AJAX 的介紹
我們就告此一段落啦
有任何問題都可以私訊我
明天將會介紹 JS ES6
想學 JS ES6
但毫無頭緒的
可以關注唷~~