You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native如何以原始文本格式提交指定表单数据?求帮助

在React Native中发送原始文本格式数据

我来帮你实现用React Native发送指定的原始文本数据。首先,我们需要把网页转义的&替换为实际的&(这是网页展示时的转义字符,实际请求里要用正常的&分隔参数),最终要发送的内容是:

submit Qsubmit_form=1&form_noresubmit_code=1525265560&question=OKKKK NEW APPP&submit=

方法一:使用React Native内置的Fetch API

这是无需额外依赖的原生方案,直接就能用:

const sendRawData = async () => {
  try {
    // 定义要发送的原始文本内容
    const rawData = 'submit Qsubmit_form=1&form_noresubmit_code=1525265560&question=OKKKK NEW APPP&submit=';
    
    const response = await fetch('你的目标API地址', {
      method: 'POST', // 请根据接口要求选择GET/POST,这里默认用POST
      headers: {
        'Content-Type': 'text/plain', // 明确声明发送的是原始文本格式
        // 如果接口需要其他头信息(比如Authorization),可以在这里添加
      },
      body: rawData, // 直接传入原始文本作为请求体
    });

    // 根据接口返回格式选择text()或json()解析结果
    const result = await response.text();
    console.log('请求成功,返回结果:', result);
  } catch (error) {
    console.error('请求失败:', error);
  }
};

// 调用函数发送请求
sendRawData();

方法二:使用Axios(需先安装依赖)

如果你的项目已经在用Axios,这种方式会更简洁:

首先安装Axios:

npm install axios
# 或者用yarn
yarn add axios

然后编写请求代码:

import axios from 'axios';

const sendRawDataWithAxios = async () => {
  try {
    const rawData = 'submit Qsubmit_form=1&form_noresubmit_code=1525265560&question=OKKKK NEW APPP&submit=';
    
    const response = await axios.post('你的目标API地址', rawData, {
      headers: {
        'Content-Type': 'text/plain',
      },
    });

    console.log('请求成功,返回结果:', response.data);
  } catch (error) {
    console.error('请求失败:', error.response?.data || error.message);
  }
};

// 调用函数发起请求
sendRawDataWithAxios();

注意事项

  • 如果接口实际期望的是application/x-www-form-urlencoded(标准表单提交格式)而非纯文本,需要把Content-Type改成application/x-www-form-urlencoded,同时确保数据编码正确(比如空格可替换为%20,fetch和Axios通常会自动处理编码,也可手动用encodeURIComponent处理每个键值对)。
  • 一定要把代码中的你的目标API地址替换为实际要请求的接口URL。
  • 请求方法(GET/POST)要和接口要求一致:如果是GET请求,数据需要拼接在URL末尾,不能放在请求体里。

内容的提问来源于stack exchange,提问作者priyanka

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 10:22:20