我正在嘗試使用 Ajax 更新數(shù)據(jù)庫以跳過標(biāo)準(zhǔn)提交并且不刷新頁面僅更新結(jié)果（條目）所以，首先我有一個包含一些數(shù)據(jù)的表，這些數(shù)據(jù)已經(jīng)保存到links我的數(shù)據(jù)庫的表中所以這是我的代碼：第一個鏈接.php：<div id="links_list"> <table border="0" cellspacing="0" cellpadding="0"> <thead> <tr> <td>Link</td> <td>Posted By</td> <td></td> </tr> </thead> <tbody> <?php $rows = $db->query("SELECT * FROM `links` "); $totalLinks = $rows->num_rows; if($totalLinks == 0){ echo "<tr><td colspan='5'><div class='' style='font-size: 16px;color: #F44336;background: #fff;width: fit-content;margin-left: 4px;'><i class='fa fa-meh-o'></i> <b>Error :</b> No LINK Has Been Added Yet.</div></td></tr>"; } else { while ($row = mysqli_fetch_assoc($rows)) { ?> <tr> <td id="links_row" valign="middle"> <input type="checkbox" id="selectr-link-<?php echo $row['link_id']; ?>" name="select_link[]" value="<?php echo $row['link_id']; ?>" style="float:left;margin-top:3px;"> <span style="float:left;width:25px;height:20px;margin: 0 3px;text-align:center;font-size: 20px;line-height: 22px;color: #009688;"><?php if($row['link_type'] == "Iframe"){ echo "<i class='fa fa-tv'></i>"; } elseif($row['link_type'] == "Direct"){ echo "<i class='fa fa-globe'></i>"; } ?></span> <span class="spanInMobile" style="float:left;height:20px;margin-right:5px;"><?php echo $row['link_url']; ?></span> </td> <td valign="middle"> <?php echo $row['posted_by']; ?> </td> <td valign="middle" class="text-right"> <?php $id = $row['link_id']; $status = $row['link_status']; if($status == '0'){ ?> <span title="Enable" class="disabled-entry" id="enable_link[]" data-id="<?php echo $row['link_id']; ?>"></span> <?php } elseif($status == '1'){ ?> <span title="Disable" class="enabled-entry" id="disable_link[]" data-id="<?php echo $row['link_id']; ?>"></span> <?php } ?>僅當(dāng)啟用第一行，然后啟用第二行...等時，它才有效，但如果您想啟用第二行，則在啟用第一行之前，它不會工作我嘗試使用each()函數(shù)，但我不確定代碼是否正確編寫
1 回答
DIEA
TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超2個贊
你不能使用相同的 ID 來指向 DOM 中的多個元素，而是使用 CLASS。
因此將您的點(diǎn)擊事件綁定更改為類而不是 ID
例子
$(document).ready(function(){
$('.enabled-entry').click(function(){
var link_id = $(this).attr('data-id');
$.ajax({
url: "../src/ajax/enable_link.php",
method: "post",
data: {link_id:link_id},
success: function(data){
$('#links_list').html(data);
}
});
});
});
while還在循環(huán)后添加此腳本
- 1 回答
- 0 關(guān)注
- 144 瀏覽
添加回答
舉報(bào)
0/150
提交
取消