---
# System prepended metadata

title: AJAX - POST 寫法
tags: [AJAX]

---

# AJAX - POST 寫法

之前說過我們可以透過 **AJAX** 使用 **get** 來撈取資料

```javascript=
xhr.open('get','xxx',true);
```

但有時我們要傳送一些 **data** 給 **API** ，例如會員註冊，我們要告訴資料庫我們填寫的帳號跟密碼，已完成註冊，此時我們就要使用 **post** 來傳送

一樣先生成一個 **XMLHttpRequest** 物件
```javascript=
 var xhr = new XMLHttpRequest();
```
這次我們使用 **post** 來打開，並使用 **六角學院** 製作的會員註冊 **API** 當作範例
```javascript=
xhr.open('post','https://hexschool-tutorial.herokuapp.com/api/signup',true);
```
因為這次我們要傳送一些資料給 api ,我們要告知它我們要傳送的資料型態，以下是使用 **AJAX** 最常使用的格式
```javascript=
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
```
接著使用 **send()** 傳送資料，特別注意傳送資料的格式是如同傳統表單的連接方式

```javascript=
xhr.send('email=tutr81102221510d@gamil.com&password=123456');
```
成功取得註冊成功的回應了!

![](https://i.imgur.com/VIjjtzX.png)


###### tags: `AJAX`