# AJAX - JSON 傳遞 先前介紹過傳送的形式如傳統表單我們會使用 **application/x-www-form-urlencoded** ```javascript= xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded'); ``` 但我們有時候傳送資料時會想直接丟一個 **json** 格式的檔案到 server,我們就必須設定另一種傳送形式 ```javascript= xhr.setRequestHeader('Content-type','application-json'); ``` ## 範例: 假使我們有一筆物件的形態的資料 ```javascript= var account = { email: 'abcccc@gmail.com', password: '1234' } ``` 一樣照慣例生成 **XMLHttpRequest** 並用 **post** 打開 ```javascript= var xhr = new XMLHttpRequest(); xhr.open('post','https://hexschool-tutorial.herokuapp.com/api/signup',true); ``` 這次我們設定 **application-json** 資料形式 ```javascript= xhr.setRequestHeader('Content-type','application/json'); ``` 因為 **send()** 代入的值只能是字串 在 **send()** 之前我們必須把物件轉為字串 ```javascript= var data = JSON.stringify(accoount); xhr.send(data); ``` 送出後查看結果為成功! ![](https://i.imgur.com/PnroJbe.png) ###### tags: `AJAX`