React fetch ajax Post用法
阿新 • • 發佈:2019-01-08
如果想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 })
還有強大的檔案上傳:
varinput = 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) })