使链接使用POST而不是GET

Question

我不确定这是否可能。但是我想知道是否有人知道如何使超链接传递一些变量并使用POST（如表单）而不是GET。

Answer 1

您使用隐藏的输入创建表单，这些输入包含要发布的值，将表单的 操作 设置为目标url，并将表单方法设置为 post
。然后，当您单击链接时，触发提交表单的JS函数。

有关示例，请参见此处。本示例使用纯JavaScript，没有jQuery-如果您不想安装比现有更多的东西，可以选择它。

<form name="myform" action="handle-data.php" method="post">
  <label for="query">Search:</label>
  <input type="text" name="query" id="query"/>
  <button>Search</button>
</form>

<script>
var button = document.querySelector('form[name="myform"] > button');
button.addEventListener(function() {
  document.querySelector("form[name="myform"]").submit();
});
</script>