uni-app点击按钮弹出提示框如何实现跳转页面和数据获取

在uni-app中，可以使用uni.showModal函数实现点击按钮弹出提示框。在提示框中，可以绑定一个跳转页面的按钮，点击该按钮时调用uni.navigateTo函数跳转到指定页面。跳转到目标页面后，可以使用uni.request或者uni.ajax等函数获取数据。

示例代码如下：

// 弹出提示框
uni.showModal({
  title: '提示',
  content: '是否跳转到详情页？',
  success: function (res) {
    if (res.confirm) { // 点击确认按钮
      uni.navigateTo({
        url: '/pages/detail/detail',
        success: function () {
          // 跳转成功回调函数
          // 在此处可以发起数据请求
        }
      })
    }
  }
})

在detail页面中可以使用uni.request或者uni.ajax函数获取数据，示例代码如下：

uni.request({
  url: 'http://xxx.com/api/getDetailData',
  data: {
    id: 'xxx'
  },
  success: function (res) {
    console.log(res.data)
  },
  fail: function (res) {
    console.log(res)
  }
})

注意：在使用uni.request或者uni.ajax函数时，需要引入uni-request模块，示例代码如下：

import { request } from '@/uni_modules/uni-request/index.js'

request.defaults.baseURL = 'http://xxx.com/api'

export default {
  request: request
}