是否更正HTML链接不起作用(最后7个字符在浏览器中被剪切)

Question

目前我正在为我的大学Moodle Plattform编程一个聊天机器人。除了之外，一切都很好

当我试图访问Moodle中的一个页面时，html链接根本无法正常工作。最后一个ID部分只是在通过我的按钮调用链接时被剪切。

我想在浏览器中使用此链接："https://hagenberg.elearning.fh-ooe.at/course/view.php?id=7961">

但我总是在打电话后得到这个："https://hagenberg.elearning.fh-ooe.at/course/view.php?">

我做错了什么？

这是我的代码：

let link = props.item.object[2].buttons[0].postback.toString();
if (attachment.type === "card") {
console.log(link);
return (
<div>
<form action={link} method="get" target="_blank">
<button id="linkbutton">Kurs anzeigen!</button>
</form>
</div>
);
}

当检查控制台中的元素时，我得到的是：

<form action="https://hagenberg.elearning.fh-ooe.at/course/view.php?id=7961" 
method="get" target="_blank">
<button id="linkbutton">Kurs anzeigen!</button></form>

因此，链接被粘贴到按钮上非常好。当我从控制台(Chrome开发工具)调用它时，它也运行得很好只有当我点击按钮时，它才不是

如何保存id部分？

我很感谢你的帮助，因为这是我的学士论文最后一点缺失，直到我能把它交上来…：-(

Answer 1

这是因为你使用的不是链接，而是表单。表单通过GET发送数据，这意味着所有表单内容(在这种情况下不算什么)都作为参数放入url中，覆盖你的id。

我建议使用实际的链接，因为表单看起来无论如何都不应该发送数据。链接如下所示：

<a href="https://hagenberg.elearning.fh-ooe.at/course/view.php?id=7961" target="_blank">Kurs anzeigen!</a>

如果这对你有用，请告诉我。