怎么在uniapp中判断网络请求是否成功

什么是uniapp

Uniapp为一款基于Vue.js的跨平台开发框架，它可以让开发者仅编写一份代码，就可以将所开发的应用部署至多个平台，如微信小程序、H5、Android和iOS等。

如何进行网络请求

在Uniapp中进行网络请求需要使用uni.request方法，示例代码如下：

uni.request({
  url: 'http://www.example.com/request',
  success: (res) => {
    console.log('请求成功', res.data)
  },
  fail: (res) => {
    console.log('请求失败', res.errMsg)
  }
})

判断网络请求是否成功

在进行网络请求时，我们经常需要判断请求是否成功，Uniapp提供了success和fail两个回调函数，来判断网络请求是否成功。示例代码如下：

uni.request({
  url: 'http://www.example.com/request',
  success: (res) => {
    if (res.statusCode == 200) {
      console.log('请求成功', res.data)
    } else {
      console.log('请求失败', res.statusCode)
    }
  },
  fail: (res) => {
    console.log('请求失败', res.errMsg)
  }
})

使用Promise封装网络请求判断

为了更加方便地进行网络请求判断，我们可以使用Promise封装网络请求。示例代码如下：

function request(url, method, data) {
  return new Promise((resolve, reject) => {
    uni.request({
      url: url,
      method: method,
      data: data,
      success: (res) => {
        if (res.statusCode == 200) {
          resolve(res.data)
        } else {
          reject(res.statusCode)
        }
      },
      fail: (res) => {
        reject(res.errMsg)
      }
    })
  })
}

// 使用
request('http://www.example.com/request', 'GET', {})
  .then((res) => {
    console.log('请求成功', res)
  })
  .catch((err) => {
    console.log('请求失败', err)
  })

总结

在Uniapp中进行网络请求，使用uni.request方法即可，通过success和fail回调函数判断网络请求是否成功。如果需要更加方便地进行网络请求判断，可以使用Promise封装网络请求。