使用XMLHttpRequest从JSON加载卡片链接失败的问题排查
解决JSON动态加载卡片跳转链接错误的问题
问题根源是你的JSON文件里link字段自带了多余的href=前缀,导致生成<a>标签时,href属性变成了href="href=xxx",自然跳转失败。直接在处理数据时把这个前缀去掉就行,给你两种简单的处理方式:
方法一:用字符串替换清除前缀
在遍历JSON数据生成卡片的时候,对每个item的link字段做替换,精准去掉开头的href=:
// 假设你原来的代码是这样生成链接的 const aTag = document.createElement('a'); // 用正则匹配开头的href=并替换为空 aTag.href = item.link.replace(/^href=/, ''); aTag.textContent = '点击跳转';
方法二:用字符串截取
如果href=前缀的长度固定(刚好5个字符),也可以直接从第6个字符开始截取有效链接:
aTag.href = item.link.slice(5);
这两种方法都能把href=https://your-url.com转换成正确的https://your-url.com,生成的<a>标签就能正常跳转了。
内容的提问来源于stack exchange,提问作者Arthur Dejonghe
相关产品推荐
相关产品推荐

