我有一個表格，里面有一些人的資訊。資訊來自資料庫，每行旁邊都有一個按鈕。當我按下按鈕時，模式應該打開并只顯示有關該人的資訊。因此，如果我有 5 個人，那么還有 5 個按鈕，每個按鈕都應該打開一個包含該人資訊的模式。
我的代碼幾乎可以作業了。我不知道按下按鈕后如何顯示模式，因為當我按下按鈕時，頁面重新加載并且模式將開始顯示，但它不會完全顯示，因為頁面重新加載會阻止它。我的代碼正在運行并且模態顯示正確的資訊，但問題是我的頁面在按下按鈕后重新加載，所以它沒有顯示我的模態。
據我所知，我需要在我的代碼中實作 Ajax，但我不確定如何。
這是我的代碼：
https://github.com/luka3ska/Form
uj5u.com熱心網友回復：
你應該試試：
<button name="test" type="button" onclick="onClick()">Click</button>
型別的默認值為submit。這會觸發重繪 。所以型別必須是“按鈕”
uj5u.com熱心網友回復：
我認為您對事件有問題，您必須停止按鈕的默認行為。
您可以使用 event.preventDefault() 來做到這一點。
在 Javascript 中：
document.getElementById("buttonId").addEventListener("click", function(event){
event.preventDefault()
// Ajax request here ...
});
在 jQuery 中：
$("buttonId").click(function(event){
event.preventDefault();
// Ajax request here ...
});
uj5u.com熱心網友回復：
擴展 @Dumhuzy 的 anwser 并幫助您了解正在發生的事情。每當您<button>在<form>該按鈕中有一個時，無論它是否具有屬性，都會提交表單type="submit"。提交表單將導致頁面重新加載。
<form action="">
<button>Will reload the page</button>
<button id="prevent">Will prevent reload</button>
</form>
要阻止表單提交，您必須阻止使用 javascript 的默認操作。
document.getElementById("prevent").addEventListener("click", function(event){
event.preventDefault()
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/510389.html
上一篇：Javascript：如何與PDF表單中的子字串進行比較？
下一篇：防止表單輸入值在表單中提交