首页uniapp已经在请求接口的时候有个showLoading，但是想在成功后提示一个弹窗

uniapp已经在请求接口的时候有个showLoading，但是想在成功后提示一个弹窗

时间: 2024-12-25 09:29:52 浏览: 337

在UniApp中，如果你已经使用了`uni.request`这个全局API进行网络请求，并且想要在请求完成并成功后显示一个成功的提示弹窗，你可以这样做：首先，在请求开始时调用`showLoading`展示加载状态，例如： ```javascript uni.showLoading({ title: '正在加载...', // 可选，设置加载信息，默认为空 mask: true, // 可选，是否覆盖页面内容，默认true }); ``` 然后，当请求成功返回数据时，可以在回调函数中隐藏加载状态，并添加弹窗提示。这是一个基本示例： ```javascript uni.request({ url: 'your_api_url', // 替换为实际的接口地址 data: {}, // 请求数据 method: 'POST', // 或者GET等 success(res) { uni.hideLoading(); // 隐藏加载动画 if (res.data.status === 'success') { // 检查响应的状态 uni.showToast({ // 显示成功提示 title: res.data.message, // 弹窗消息 duration: 1500, // 显示时间，单位ms icon: 'success' // 图标，可以是'success'、'info'等 }); } }, fail(error) { uni.showToast({ // 错误处理 title: '请求失败', duration: 1500, icon: 'error' }); } }); ```

阅读全文