JS強制輸入按鈕在頁面加載時被點擊

我有一個輸入按鈕，需要在頁面加載時自動點擊。我有以下的輸入按鈕的代碼：JS強制輸入按鈕在頁面加載時被點擊

<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>

我已經試過這樣做，但都無濟於事的其他幾種方式。當我嘗試其他方法來做到這一點時，我使用的腳本會自動按下按鈕，但頁面會保持刷新，並且會持續循環刷新。

我不知道是否可能是因爲表單標籤中的操作？

任何幫助，將不勝感激。

我的頁面（cart.php）的代碼，可以發現here

來源

2016-11-29 Broadbiz

您是否嘗試過插入功能在$（document）.ready？這樣當用戶結束該表單時，它會自動觸發該功能？ –

改變你的形式

<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()函數。

來源

2016-11-29 13:38:41

嗨，謝謝你的評論。我已經嘗試過，但是頁面只是在無盡的循環中一遍又一遍地刷新自己。您想讓我爲您發佈整個頁面嗎？ – Broadbiz

從您的按鈕中刪除_type =「submit」_它將提交表單作爲提交按鈕。 –

我剛試過這個，它仍然只是在無盡的循環中保持清爽。如果你願意，我可以發佈代碼嗎？ – Broadbiz

使用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 
    }); 
});

來源

2016-11-29 13:42:50

嗨，謝謝你的評論。使用您的代碼時，我遇到了與我嘗試Vikram Sangat在下面發佈的代碼時相同的問題。該頁面最終會在無盡的循環中一遍又一遍地刷新自己。您想讓我爲您發佈整個頁面嗎？ – Broadbiz

我在答案中提供了更多信息。 –

我相信你想要做的是通過點擊按鈕提交你的表格，所以我建議你以此編程方式提交表單。

Approach1：

document.cart.submit();

Approach2：給一個編號，以你的表格，然後

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

此外，以編程方式按一下按鈕，

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

來源

2016-11-29 13:50:04

嗨，感謝您的評論。然而，這與上面的問題相同。購物車只是在無盡的循環中保持清爽。你想我粘貼我的整個頁面代碼嗎？ – Broadbiz

這可能是因爲。您插入此代碼的頁面恰好是cart.php。因此，無論何時提交表單，它都會在action屬性中找到url，這會再次以編程方式提交表單，並導致無限循環。我對嗎？ –

是的，我認爲這是正確的。表單的「動作」與cart.php – Broadbiz

JS強制輸入按鈕在頁面加載時被點擊

回答

相關問題