Question

我正在我的本地主机上开发并遇到了这个问题。

考虑有这样的HTML代码：

<form action="" method="POST">
    <input type="submit" name="submitButton" id="submitButton">
</form>

<a onclick="clickButton('submitButton');" href="guestbook/index.php?pageNumber=1">

<a>点击触发提交按钮点击事件。 Javascript函数如下所示：

function clicktButton(id) {
  if (id != "")
    document.getElementById(id).click(); // this will trigger the click event
}

我的问题是：这样的事情可能吗？要通过链接按下并按下按钮同时发送HTTP请求吗？

因为通过按<a>链接，我已经发送了带有$_GET['pageNumber']参数的HTTP请求。但我也希望同时发送$_POST['submitButton']数据。

提前致谢！

Answer 1

你想要的是什么，但不是我在我面前看到的代码那么多......

<form action="guestbook/index.php?pageNumber=1" method="post">
    <input type="submit" name="submitButton" id="submitButton">
    <input type="button" name="submit">
</form>

这实际上会发布表单的内容，并附带get请求。

<a>不会真正起作用，因为它会生成一个新的HTTP请求，并且可能会跳过当前加载页面的JavaScript执行。

另一方面，您可以使用表单数据发送到<a>的帖子请求来模拟guestbook/index.php?pageNumber=1点击JavaScript的效果。但是如果你这样做，我会推荐jQuery，因为通过将其添加到点击事件中，这将使你更容易。

$.ajax({
    url:   "guestbook/index.php?pageNumber=1",
    data:  {'field':'value'},
    async: false
});

链接单击和按钮单击一个HTTP请求

1 个答案: