假设后端httpswebtvcloudtopjsonshopjson的内容为 namerunoob urlwwwrunoobcom namegoogle urlwwwgooglecom name微博 urlwwwweibocom 我想要使用script获取到后端对应的name内容后打开对应的url
可以使用以下代码实现:
<script>
// 发送请求获取json数据
var request = new XMLHttpRequest();
request.open('GET', 'https://web.tvcloud.top/json/shop.json', true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
// 成功获取数据后解析json
var data = JSON.parse(request.responseText);
// 遍历json中的每个对象
for (var i = 0; i < data.length; i++) {
// 获取当前对象的name和url
var name = data[i].name;
var url = data[i].url;
// 将name和url打印到控制台(可省略)
console.log(name + ': ' + url);
// 创建一个链接元素
var link = document.createElement('a');
link.href = url;
link.target = '_blank';
link.textContent = name;
// 将链接元素添加到页面中
document.body.appendChild(link);
}
} else {
console.log('请求失败');
}
};
request.onerror = function() {
console.log('请求失败');
};
request.send();
</script>
上述代码会将json中每个对象的name和url打印到控制台,并创建一个链接元素,点击链接会在新窗口中打开对应的url
原文地址: https://www.cveoy.top/t/topic/d7Zm 著作权归作者所有。请勿转载和采集!