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 = newFormData();  
formData.append("key",表单内容);  

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

免责声明:文章转载自《ReactNative踩坑日志——fetch如何向服务器传递参数》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇六款免费网络延迟测试工具JS点击子元素不触发父元素点击事件(js阻止冒泡)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

SpringMVC:自定义视图及其执行过程

一:自定义视图 1、自定义一个实现View接口的类,添加@Component注解,将其放入SpringIOC容器 packagecom.zzj.view; importjava.io.PrintWriter; importjava.util.Map; importjavax.servlet.http.HttpServletRequest; import...

vue 移动端车牌键盘

1.npm install input-plate-number --save 样式可以,键盘相对严谨,但是输入有bug, 2.npm installvue-carplate --save 插件样式个人看来是最好看的,键盘的输入最严谨,但是没有新能源车牌的选项, 3.https://github.com/Pinenutss/LicensePlate 插件是...

web优化之js动态合并 动态压缩 去掉js重复引用 js缓存 js延迟加载

做web前段也有一段时间了,对于web中js文件的加载有些体会想跟大家一起分享一下。 1.首先说说js文件的合并和压缩吧 为了便于集中式管理js的合并和压缩我们创建一个Js.ashx文件来专门处理合并压缩,这里我们借用Yahoo.Yui.Compressor工具来压缩我们的js文件 代码如下: public classJs : IHttpHandler...

【JavaWeb学习】过滤器Filter

一、简介 Filter也称之为过滤器,它是Servlet技术中最激动人心的技术,WEB开发人员通过Filter技术,对web服务器管理的所有web资源:例如Jsp, Servlet, 静态图片文件或静态 html 文件等进行拦截,从而实现一些特殊的功能。例如实现URL级别的权限访问控制、过滤敏感词汇、压缩响应信息等一些高级功能。 Servlet API中提...

JAVA 比较两张图片的相似度

原文:http://liuguihua0823.iteye.com/blog/1178118#bc2395917 import java.awt.image.BufferedImage; import java.io.File; import javax.imageio.ImageIO; /** * 比较两张图片的相似度...

C# 生成word文档(NPOI)

using NPOI.XWPF.UserModel XWPFDocument doc = new XWPFDocument(); //创建新的word文档 XWPFParagraph p1 = doc.CreateParagraph(); //向新文档中添加段落 p1.SetAlignment(ParagraphAlignment.CENTER); //段...