1. 程式人生 > >React fetch ajax Post用法

React fetch ajax Post用法

如果想POST一個表單:

var form = document.querySelector('form')

fetch('/users', {
  method: 'POST',
  body: new FormData(form)
})

如果想POST一段資料:

var form = document.querySelector('form');
form.append("name", "Hubot");
form.append("login", 1)
fetch('/users', {
  method: 'POST',

  body: form
})

還有強大的檔案上傳:

var
input = document.querySelector('input[type="file"]') var data = new FormData() data.append('file', input.files[0]) data.append('user', 'hubot') fetch('/avatars', { method: 'POST', body: data })

最後還有獲取一些相應狀態:

fetch('/users.json').then(function(response) {
  console.log(response.headers.get('Content-Type'
)) console.log(response.headers.get('Date')) console.log(response.status) console.log(response.statusText) })