可以使用uni.request来获取后端数据,并在成功获取后使用uni.navigateTo打开对应的url页面。

代码示例:

<template>
  <view class="container">
    <button @click="getData">获取数据</button>
  </view>
</template>

<script>
export default {
  methods: {
    getData() {
      uni.request({
        url: 'https://web.tvcloud.top/json/shop.json',
        success: (res) => {
          console.log(res.data);
          if (res.data && res.data.length > 0) {
            res.data.forEach((item) => {
              uni.navigateTo({
                url: '/pages/webview/webview?url=' + item.url,
                success: () => {
                  console.log(item.name + '页面打开成功');
                },
                fail: () => {
                  console.log(item.name + '页面打开失败');
                }
              });
            });
          } else {
            console.log('获取数据失败');
          }
        },
        fail: (err) => {
          console.log('请求数据失败:' + err.errMsg);
        }
      });
    }
  }
};
</script>

在上面的示例中,我们通过uni.request来获取后端数据,如果成功获取到数据则循环遍历数据中的每一项,使用uni.navigateTo打开对应的url页面。我们在打开页面成功或失败的回调函数中输出对应的信息,方便我们观察程序运行情况

假设后端httpswebtvcloudtopjsonshopjson的内容为 namerunoob urlwwwrunoobcom namegoogle urlwwwgooglecom name微博 urlwwwweibocom 我想要使用uniapp的script获取到后端对应的name内容后打开对应的url

原文地址: https://www.cveoy.top/t/topic/d73Y 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录