如何在React Native中实现GET请求，替代jQuery向服务端发送pin参数

完整可运行代码 #

sendData = (data) => {
  console.log(data);
  const p = data;
  // 拼接符合要求的请求地址
  const requestUrl = `http://192.168.0.129/?pin=${encodeURIComponent(p)}`;
  // 发起GET请求
  fetch(requestUrl)
    .then(response => {
      // 此处可调用你原本的DisableButtons方法
      // DisableButtons();
      // 如果需要解析响应内容，可根据返回格式调用response.json()/response.text()
      return response.text();
    })
    .then(res => {
      console.log('请求成功，响应内容：', res);
    })
    .catch(err => {
      console.error('请求失败：', err);
    });
}

注意事项 #

• 原代码中单独的pin: p属于JS无效标签语句，上述代码直接移除了该无用代码
• 如果后续参数增多，推荐使用URLSearchParams拼接参数，避免手动拼接出现格式错误，写法如下：

  const params = new URLSearchParams({ pin: p });
  const requestUrl = `http://192.168.0.129/?${params.toString()}`;
  

• 安卓9及以上系统默认禁止HTTP明文请求，如需正常调用该接口，需要修改安卓配置：打开android/app/src/main/AndroidManifest.xml，在<application>标签中添加属性android:usesCleartextTraffic="true"，否则请求会被系统拦截
• 如果不需要处理请求的响应结果，可直接删除then和catch回调，仅保留fetch(requestUrl)即可，效果和你原本的$.get完全一致

内容的提问来源于stack exchange，提问作者Mike Aelbrecht