当前位置: 首页 > 工具软件 > nutch-ajax > 使用案例 >

React fetch ajax Post用法

顾高扬
2023-12-01

如果想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)
})

 类似资料: