js fetch post的用法
    fetch是一种新的网络请求方式，比传统的XMLHttpRequest（XHR）更简单、更灵活。fetch最大的特点是通过JavaScript原生提供的新的API，从而使得数据请求更为简单。
    fetch只有一种GET请求方式，但是可以通过配合使用其他方法来完成POST请求，其中包括FormData、URLSearchParams和Blob三种方式。本文将详细介绍如何使用fetch来进行POST数据请求。
    1. fetch POST请求方法的基本格式
    fetch函数本身接受一个URL参数和一些可选参数，其中可选参数中最重要的应该是method和body两个参数。method参数用于指定HTTP方法，POST请求应该设为"POST"。body参数则表示需要发送的数据，需要通过JSON.stringify将传输数据格式化。
    fetch(URL,{
  method: "POST",
  body: JSON.stringify(data)
}).then(function(response) {
  console.log(response.status);
}).catch(function(error){
  console.log(error);
fetch最佳用法
});
    2. fetch结合FormData参数进行POST请求
    使用FormData最直观的场景是用于表单数据的传输，这也是我们工作中最常见的场景。我们可以通过FormData类直接创建一个表单数据，将数据使用FormData的实例对象封装后，可以直接提交数据至服务端。
    var formData = new FormData();
formData.append("username", "jery");
formData.append("password", "123456");
fetch(URL,{
  method: "POST",
  body: formData
}).then(function(response) {
  console.log(response.status);
}).catch(function(error){
  console.log(error);
});
    3. fetch结合URLSearchParams参数进行POST请求
    URLSearchParams主要用于处理URL参数，可以将参数封装成key：value的形式，方便进行网络传输。同样可以使用此方式来进行POST请求，只需要将数据封装为URLSearchParams对象。
    var urlSearchParams = new URLSearchParams();
urlSearchParams.append("name", "jery");
urlSearchParams.append("age", "26");
fetch(URL,{
  method: "POST",
  body: urlSearchParams
}).then(function(response) {
  console.log(response.status);
}).catch(function(error){
  console.log(error);
});
    4. fetch结合Blob参数进行POST请求
    Blob主要用于处理二进制数据，通过将数据封装为Blob，并结合fetch可以直接发送二进制数据流至服务端。
    var blob = new Blob(["Hello world!"], {
  type: "text/plain;charset=utf-8"
});
fetch(URL,{
  method: "POST",
  body: blob
}).then(function(response) {
  console.log(response.status);
}).catch(function(error){
  console.log(error);
});
    总之，fetch是一种十分方便的网络请求方式，它可以通过不同的参数组合，实现各种类型数据的网络传输，同时还可以在浏览器中使用Promise进行异步编程，解决了回调地狱的问题，具有非常优雅的代码风格。同时，更加标准化的API，也使得我们的代码更便于维护和扩展。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。