假设后端httpswebtvcloudtopjsonshopjson的内容为 namerunoob urlwwwrunoobcom namegoogle urlwwwgooglecom name微博 urlwwwweibocom 我想要使用uniapp的script获取到后端对应的name内容后打开对应的url
可以使用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页面。我们在打开页面成功或失败的回调函数中输出对应的信息,方便我们观察程序运行情况
原文地址: https://www.cveoy.top/t/topic/d73Y 著作权归作者所有。请勿转载和采集!