Question

我正在尝试创建一个链接列表。单击链接时，我想打开第三方站点并使用存储的凭据登录。

基本上，我希望它的功能就像任何网站的普通链接一样，除了应该发送POST值并在另一个标签中打开它。

我做过的研究似乎表明有JavaScript和jQuery方法可以做到这一点，但我不确定它究竟应该如何构建。

Answer 1

绝对。使用action元素的method，target和form属性：

<form action="https://www.3rd-party.example/" method="post" target="_blank">
    <input type="hidden" name="username" value="administrator">
    <input type="hidden" name="password" value="hunter2">
    <input type="submit" value="Log in to 3rd party with administrator/hunter2">
</form>

如果您不希望它成为按钮，您可以使用CSS将其设置为看起来像链接。

Answer 2

最简单的方法是让链接提交一个指向该第三方网站的隐藏表单。

<form id="login" action="[THE SITE'S LOGIN PAGE]" method="post" target="_blank">
    <!-- HYPOTHETICAL NAME/VALUES -->
    <input type="hidden" name="username" value="bob">
    <input type="hidden" name="password" value="secret">
</form>

<a href="javascript:document.forms['login'].submit();">Log in</a>

输入字段显然必须以第三方网站理解的方式填写。

说明：您无法使用普通链接发送POST数据，因此需要JS（或者代替链接和JS，您可以使用表单按钮）。表单不受AJAX的限制，因此它们是理想的选择。 target="_blank"会导致网站在新标签页中打开。

我可以创建链接作为发布到第三方网站并在新标签中打开吗？

2 个答案: