假设后端httpswebtvcloudtopjsonshopjson的内容为 namerunoob urlwwwrunoobcom namegoogle urlwwwgooglecom name微博 urlwwwweibocom 我想要使用uniapp的script获取到后端对应的name名称后打开对应的url例如获取到name中的runoob则打开wwwrunoobcom
可以使用uni.request函数获取后端数据,并在回调函数中处理数据。具体代码如下:
// 在页面中引入uni.request
import uni from "@/utils/request.js";
// 发送请求获取数据
uni.request({
url: "https://web.tvcloud.top/json/shop.json",
success: (res) => {
// 处理返回的数据
let data = res.data;
// 遍历数据获取每个对象的name和url
for (let i = 0; i < data.length; i++) {
let item = data[i];
let name = item.name;
let url = item.url;
// 判断name是否为需要打开的网站
if (name === "runoob") {
// 打开对应的url
uni.navigateTo({
url: "/pages/webview/webview?url=" + encodeURIComponent(url)
});
break;
}
}
}
});
其中,uni.navigateTo函数可以打开一个新页面并跳转到指定的url,可以使用uniapp提供的webview组件来展示网页内容。需要注意的是,由于url中可能包含特殊字符,因此需要使用encodeURIComponent函数进行编码。另外,如果需要在新页面中展示网页内容,需要在新页面的template中使用webview组件,并在对应的script中获取url参数并传递给webview组件
原文地址: https://www.cveoy.top/t/topic/d8bC 著作权归作者所有。请勿转载和采集!