博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ReactNative踩坑日志——fetch如何向服务器传递参数
阅读量:5943 次
发布时间:2019-06-19

本文共 867 字,大约阅读时间需要 2 分钟。

一:简单参数

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

    格式为:

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);  );

 

转载地址:http://pjwxx.baihongyu.com/

你可能感兴趣的文章
JSON and Microsoft Technologies(翻译)
查看>>
ylbtech-LanguageSamples-ConditionalMethods(条件方法)
查看>>
js 判断各种数据类型
查看>>
【leetcode】Find Peak Element ☆
查看>>
linux:sed高级命令之n、N(转)
查看>>
触发器更新多条数据
查看>>
微信公众平台原创声明功能公测 自媒体原创保护的福音
查看>>
ADF_Advanced ADF系列2_Fusion应用的客制和个性化(Part2)
查看>>
php_linux_centos6.4_安装mysql_apache_php
查看>>
Myeclipse或Eclipse中搭建Easyui环境
查看>>
(转)数字格式化函数:Highcharts.numberFormat()
查看>>
我的学习笔记_Windows_HOOK编程 2009-12-03 11:19
查看>>
CCNA2.0笔记_ipv6的EIGRP
查看>>
最短路径算法整理(二)
查看>>
java的基本数据类型
查看>>
Android IOS WebRTC 音视频开发总结(二四)-- p2p调用堆栈
查看>>
Java面向对象基础二
查看>>
PR使用技巧
查看>>
项目总结笔记系列 Social Hub KT Session1
查看>>
EasyMock 使用方法与原理剖析--转载
查看>>