mpvue的ajax请求-示例代码

mpvue是一个基于Vue.js的小程序开发框架，它提供了一种简洁的方式来开发小程序。在mpvue中，我们可以使用ajax请求来获取后台数据。ajax是一种在后台与服务器进行异步通信的技术，它可以在不刷新页面的情况下，通过发送HTTP请求获取数据。在mpvue中，我们可以使用mpvue的内置方法来实现ajax请求。

我们需要在页面的script标签中引入mpvue的内置方法：

import { get, post } from '@/utils/request'

然后，我们可以在需要发送ajax请求的地方调用get或post方法来发送请求。例如，我们可以在created生命周期钩子函数中发送一个get请求，获取后台返回的数据：

export default {
  created() {
    get('/api/data')
      .then(res => {
        console.log(res)
      })
      .catch(err => {
        console.error(err)
      })
  }
}

在上面的示例代码中，我们调用了get方法，并传入了一个参数`'/api/data'`，这个参数是请求的URL地址。然后，我们使用Promise的then方法来处理请求成功后的回调函数，打印出后台返回的数据。如果请求失败，我们可以使用catch方法来处理错误。

除了get方法，我们还可以使用post方法来发送POST请求。使用post方法的方式与get方法类似，只需要将请求方法改为post即可：

export default {
  created() {
    post('/api/data', { name: 'mpvue' })
      .then(res => {
        console.log(res)
      })
      .catch(err => {
        console.error(err)
      })
  }
}

在上面的示例代码中，我们调用了post方法，并传入了两个参数`'/api/data'`和`{ name: 'mpvue' }`，第一个参数是请求的URL地址，第二个参数是请求的数据。同样地，我们使用Promise的then方法来处理请求成功后的回调函数，打印出后台返回的数据。如果请求失败，我们可以使用catch方法来处理错误。

使用mpvue的ajax请求非常简单。我们只需要引入mpvue的内置方法，然后调用get或post方法，传入URL地址和请求数据即可。然后，我们可以使用Promise的then方法来处理请求成功后的回调函数，或者使用catch方法来处理错误。这样，我们就可以在mpvue中实现ajax请求了。