react用axios的 get/post请求/获取数据

一、Post

通式

 axios.post('api地址',待传入的参数)
   .then(function (response) {
   
      //handle success data
   })
    .catch(function (error) {
   
       //handle error satuation
       console.log(error)
   })
}

应用

第二个参数第一种写法:直接传字符串

  const posts_ = 'https://www.fastmock.site/mock/4f2f543c48ec3d334a328af2e83239e6/MockData/api/postDemo'

  const axios = require('axios');
   // 第一个参数是post接口地址,第二个参数是往post写入数据,这里是获取表单的值
  axios.post(posts_, PostVal)
       .then(function (response) {
   
          //response.config.data 获取表单值的地方
           console.log(response.config.data)
        })
    	.catch(function (error) {
   
           console.log(error)
    })

第二个参数的另一种写法:传json格式的对象

  const axios = require('axios');
  axios.post('https://www.fastmock.site/mock/4f2f543c48ec3d334a328af2e83239e6/MockData/api/postDemo', {
   
   		"jsonrpc": "2.0",
        "method": "user.login",
        "params": {
   
            "PostVal": PostVal,
        },
        "id": 1,
        "auth": null
  })
  .then
  • 3
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
React 中发送 POST 请求可以使用 `fetch` 函数或者 `axios` 库。下面分别介绍如何配置这两种方法来处理服务器返回的错误信息。 ### 使用 fetch 函数 使用 `fetch` 函数发送 POST 请求时,可以在 `then` 方法中检查服务器返回的状态码,如果状态码为 200,则表示请求成功,可以使用 `json` 方法将响应解析为 JSON 格式的数据。如果状态码为其他值,则表示请求失败,可以使用 `throw` 抛出错误,并将错误信息包装成对象。 例如,以下代码展示了如何使用 `fetch` 函数发送 POST 请求,并处理服务器返回的错误信息: ```javascript fetch(url, { method: 'POST', body: JSON.stringify(data), headers: { 'Content-Type': 'application/json' } }) .then(response => { if (response.ok) { return response.json(); } else { throw new Error('服务器返回错误码:' + response.status); } }) .then(data => { // 处理响应数据 }) .catch(error => { console.error(error); // 处理错误信息 }); ``` 在上述代码中,如果服务器返回的状态码不为 200,则会抛出一个错误,错误信息为 `服务器返回错误码:{status}`。你可以根据需要修改错误信息。 ### 使用 axios 库 使用 `axios` 库发送 POST 请求时,可以在 `catch` 方法中捕获服务器返回的错误信息。如果请求成功,则可以在 `then` 方法中获取响应数据。 例如,以下代码展示了如何使用 `axios` 库发送 POST 请求,并处理服务器返回的错误信息: ```javascript axios.post(url, data) .then(response => { // 处理响应数据 }) .catch(error => { console.error(error.response); // 处理错误信息 }); ``` 在上述代码中,如果服务器返回的状态码不为 200,则会在 `catch` 方法中捕获错误信息,错误信息包含在 `error.response` 对象中。你可以根据需要打印或处理这些错误信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值