需求:一个增删改查页面,当新增,删除或者修改操作时不确定后台会返回的信息(会根据需求不同请求成功后可能返回message,可能什么都不返回)
问题:使用fetch进行请求时, Fetch API 的 Response
接口呈现了对一次请求的响应数据,response解析数据的方法我用到的为response.json()和response.text(),因为response可以获取到状态码,请求状态,但是在解析之前是不清楚返回到结果用哪种方式解析的,如果后台返回的为空还用json的方式就会报错 "Unexpected end of JSON input"
解决:
在fetch请求后使用了三个then去处理各种状态的返回值:
1)第一个then判断是否请求成功,失败则直接返回错误信息
2)成功则在第二个then中判断mothed类型,若为增删改状态则返回response.text(),其他类型返回response.json()
3)第三个then接收第二个then的返回值,若mothed类型为增删改则判断后台是否返回了message,返回则进行解析并渲染出返回值,若无返回值则不进行操作,其他类型则直接返回第二个then中的返回值
const checkStatus = response => {
//当请求成功时直接返回response,失败则进行json解析返回失败信息 if (response.status == 200) { return response }else{