JS在页面加载后强制点击输入按钮

Question

我有一个输入按钮，需要在页面加载时自动单击。我有以下输入按钮代码：

<form enctype="multipart/form-data" name="cart" action="cart.php#order_statistics" method="POST">               
   <table id="order_statistics">
      echo '<td><button type="submit" id="refreshCart" style="border: none; background: none; cursor: pointer;" name="clicked" value="Update Order"><img src="images/refresh.png" alt="Refresh Image"/></button></td>';
   </table>
</form>

我尝试了其他几种方法，但无济于事。当我尝试其他方式时，我使用的脚本会自动按下按钮，但页面会不断刷新，并且会不断循环刷新。

不知道是不是因为form标签里面的action？

任何帮助将不胜感激。

我的页面（cart.php）代码可以在here找到

Answer 1

把你的表格改成

<form enctype="multipart/form-data" name="cart" action="cart.php#order_statistics" method="POST">               
   <table id="order_statistics">
      echo '<td><button id="refreshCart" style="border: none; background: none; cursor: pointer;" name="clicked" value="Update Order"><img src="images/refresh.png" alt="Refresh Image"/></button></td>';
      echo '<td><button type="submit" style="border: none; background: none; cursor: pointer;" name="clicked" value="Place order Order"><img src="images/Place order.png" alt="Place order Image"/></button></td>';
   </table>
</form>

将此命令添加到您的脚本中。

$("#refreshCart").trigger("click");

查看trigger() 函数。

Answer 2

使用 jQuery：

$(window).load(function() {
    $('#refreshCart').click();
});

或原生 JavaScript：

window.onload = function() {
  document.getElementById('refreshCart').click();
};

为避免无限循环，您是否评论过，您需要将提交更改为AJAX request：

$(window).load(function() {
    $.ajax({
        url: "/your_form.php",
        type: "post",
        data: your_data
    });
});

Answer 3

我相信您想要做的是通过单击按钮提交表单， 所以我建议你以编程方式提交表单。

方法1：

document.cart.submit();

方法2：给你的表单一个ID，然后

document.getElementById('giveSomeIdToForm').submit();

另外，以编程方式单击按钮，

document.getElementById('refreshCart').click();