《React-Native系列》31、 Fetch发送POST请求的坑与解决方案

最新推荐文章于 2024-08-08 09:12:41 发布

coder_小刀

最新推荐文章于 2024-08-08 09:12:41 发布

阅读量2.9w

点赞数 6

分类专栏： ReactNative ReactNative实战系列文章标签： ReactNative fetch post

本文链接：https://blog.csdn.net/codetomylaw/article/details/52588493

版权

我们在请求http接口时候，通常都会使用get和post的方式，针对表单提交这类的请求，我们通常采用post方式。

那么在RN中的Fetch API中post提交有哪些坑呢？让我们撸起来。

我们先来说说Server端的代码，通常我们从Request获取参数时的方法为：

String paraValue = request.getParameter(paraName);

我们下面说的判断能不能获取参数，就是按照这种方法来获取。

在 RN中，通常我们会怎么写代码呢？
方案一（不推荐）：

    let url = "http://127.0.0.1:8080/api/testFetch”
    let params = "name=admin&password=admin123”;
    fetch(url , {
      method: 'POST',
      headers: {},
      body: params,
    }).then((response) => {
      if (response.ok) {
          return response.json();
      }
    }).then((json) => {
      alert(JSON.stringify(json));
    }).catch((error) => {
      console.error(error