使用 <a> 标签进行 POST

Question

我知道我不能直接通过 标签进行 POST，但我可以将它包装成一个表单，例如：

<form action="theUrl" method="POST">

    <input type="hidden" name="param1" value="key1" />
    <a href="/url1" onclick="submit()">key1</a>

    <input type="hidden" name="param2" value="key2" />
    <a href="/url2" onclick="submit()">key2</a>

</form>

这样，当我点击 url1 时，表单如何以 value='key1' 进行 POST？非常感谢！

Answer 1

单击任一<a>s 将发布两个密钥。最简单的解决方案是拥有两个<form>s。这里：

<form action="theUrl" method="POST">

    <input type="hidden" name="param1" value="key1" />
    <a href="/url1" onclick="this.parentNode.submit()">key1</a>

</form>

<form action="theUrl" method="POST">

    <input type="hidden" name="param2" value="key2" />
    <a href="/url2" onclick="this.parentNode.submit()">key2</a>

</form>

或者，您可以执行以下操作来提交表单：

<script type="text/javascript">
 function s(x)
 {
   x.parentNode.submit();
 }
</script>

<form action="theUrl" method="POST">

    <input type="hidden" name="param1" value="key1" />
    <a href="/url1" onclick="s(this)">key1</a>

</form>

<form action="theUrl" method="POST">

    <input type="hidden" name="param2" value="key2" />
    <a href="/url2" onclick="s(this)">key2</a>

</form>

Answer 2

在标签的 onclick 中调用 js 函数。然后在函数里面提交表单。

    <a href="javascript:void(0);" onclick="submitform()">

    <script type="text/javascript">  
       function submitform()  {
          document.formName.submit();
       }
    </script>