一:简单参数
简单的参数,我们可以使用手动拼接的方式传递。
格式为:
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); );