ReactNative踩坑日志——fetch如何向服务器传递参数

一：简单参数

    简单的参数，我们可以使用手动拼接的方式传递。

    格式为：

fetch(url?key1=val1&key2=val2&...).then((response) => response.json())
            .then((json) => {
                //处理返回值
            }).catch((error) => {
             //异常处理
        })

 

二：POST方法传递数据，在fetch方法的参数中定义post方法的参数们：method、headers、body

fetch(url', {
  method: 'POST',
  headers: {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
    firstParam: 'yourValue',
    secondParam: 'secondValue',
  })
})

 

三：复杂表单数据的传递，比如图片等

我们可以自己new一个FormData，直接传给body，在FormData中传递字节流实现上传图片的功能。 

let formData = new FormData();  
formData.append("key",表单内容);  

  
fetch(url , {  
 method: 'POST',  
 headers: {},  
 body: formData,  
).then((response) => {  
 if (response.ok) {  
     return response.json();  
 }  
).then((json) => {  
 alert(JSON.stringify(json));  
).catch((error) => {  
 console.error(error);  
);