ReactNative学习----7Fetch之post请求数据

最新推荐文章于 2024-02-29 20:41:32 发布

zhaihaohao1

最新推荐文章于 2024-02-29 20:41:32 发布

阅读量616

点赞数

分类专栏： ReactNative

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/88566623

版权

本文档介绍了在ReactNative中使用Fetch API进行POST请求的方法，提供了详细的官方文档链接以及一个可直接使用的HttpPost.js代码示例，帮助开发者了解并实现数据的POST提交。

摘要由CSDN通过智能技术生成

官方文档：
https://reactnative.cn/docs/network/#使用-fetch

例子，复制即可使用
HttpPost.js

/**
 *
 *
 * fetch 的post请求
 * https://reactnative.cn/docs/network/#使用-fetch
 *
 */

import React, {Component} from 'react';
import {Platform, StyleSheet, Text, View, Button} from 'react-native';


export default class HttpPost extends Component {
    /**
     * post请求数据
     * @returns {Promise<void>}
     */
    httpRequest = async () => {
        let url = `http://47.100.202.184:4000/login`;
        // 请求数据
        let rawData = await fetch(url,{
            method: 'POST',
            body: JSON.stringify({
                username: 'zhh1',
                password: '123456',
            }),
        });
        //拿到的数据转成json字符串
        let dataStr = await rawData.text();
        // 转化成json