JQuery:通过POST提交隐藏表单的链接。

由于我花了很多时间来理解所有这些答案，而且它们都有一些有趣的细节，下面是最终适合我的组合版本，我更喜欢它的简单性。

我的方法仍然是创建一个隐藏表单，并通过单击页面其他地方的链接提交它。表单将被放置在页面主体的哪个位置并不重要。

表单代码:

<form id="myHiddenFormId" action="myAction.php" method="post" style="display: none">
  <input type="hidden" name="myParameterName" value="myParameterValue">
</form>

描述:

display: none隐藏表单。你也可以把它放在一个div或另一个元素中，并在元素上设置display: none。

type="hidden"将创建一个不会显示的字段，但其数据将以任何方式传输到操作(参见W3C)。我知道这是最简单的输入类型。

链接的代码:

<a href="" onclick="$('#myHiddenFormId').submit(); return false;" title="My link title">My link text</a>

描述:

空的href只针对同一页。但在这种情况下，这并不重要，因为返回false将阻止浏览器跟踪该链接。当然，你可能想要改变这种行为。在我的特定情况下，该操作在最后包含重定向。

onclick被用来避免使用href="javascript:…"，正如mplungjan所指出的那样。$ (' # myHiddenFormId ')。submit ();用于提交表单(而不是定义函数，因为代码非常小)。

该链接看起来与任何其他<a>元素完全相同。实际上，您可以使用任何其他元素来代替<a>(例如<span>或图像)。

可以使用jQuery函数

function makePostRequest(url, data) {
    var jForm = $('<form></form>');
    jForm.attr('action', url);
    jForm.attr('method', 'post');
    for (name in data) {
        var jInput = $("<input>");
        jInput.attr('name', name);
        jInput.attr('value', data[name]);
        jForm.append(jInput);
    }
    jForm.submit();
}

下面是jsFiddle (http://jsfiddle.net/S7zUm/)中的一个例子

我建议一种更动态的方法，没有html编码到页面中，严格保持JS:

$("a.AS-POST").on('click', e => {
  e.preventDefault()
  let frm = document.createElement('FORM')
  frm.id='frm_'+Math.random()
  frm.method='POST'
  frm.action=e.target.href
  document.body.appendChild(frm)
  frm.submit()
})

另一个工作示例，使用类似的方法张贴:创建一个html表单，使用javascript来模拟张贴。这做了两件事:发布数据到一个新的页面，并在一个新的窗口/选项卡中打开它。

HTML

<form name='myForm' target="_blank" action='newpage.html' method='post'>
<input type="hidden" name="thisIsTheParameterName" value="testDataToBePosted"/>
</form>

JavaScript

document.forms["myForm"].submit();

不需要JavaScript。只是想说清楚一点，因为在这个答案发布的时候，这个问题的所有答案都涉及到以某种方式使用JavaScript。

使用纯HTML和CSS可以很容易地做到这一点，只需创建一个包含要提交的数据的隐藏字段的表单，然后将表单的提交按钮设置为链接的样式。

例如:

.inline { display: inline; } .link-button { background: none; border: none; color: blue; text-decoration: underline; cursor: pointer; font-size: 1em; font-family: serif; } .link-button:focus { outline: none; } .link-button:active { color:red; } <a href="some_page">This is a regular link</a> <form method="post" action="some_page" class="inline"> <input type="hidden" name="extra_submit_param" value="extra_submit_value"> <button type="submit" name="submit_param" value="submit_value" class="link-button"> This is a link that sends a POST request </button> </form>

您使用的确切CSS可能会根据站点上常规链接的样式而有所不同。

你可以使用javascript函数。JQuery有一个很好的内置post函数，如果你决定使用它:

JQuery的帖子

<script language="javascript"> 

   function DoPost(){
      $.post("WhateverPage.php", { name: "John", time: "2pm" } );  //Your values here..
   }

</script>

<a href="javascript:DoPost()">Click Here</A>