ajax delete не работает с событием onclick

Question

мне нужна помощь, пожалуйста, я потратил целую вечность, просто ища и пытаясь понять, почему ничего не происходит, когда я нажимаю эту кнопку

HTML:

<td></td>
<td></td>
<td></td>
<td><button id="<?php echo($row['ID']); ?>" onClick="delord()" class="del" style="font-size: 12">delete</button></td>

JQuery:

function delord(){
    var x = event.target.id;
    $.ajax({
        url: 'delorder.php?id=' + x,
        success: function(){
            alert('deleted');
        }
    });
}

Я попытался набрать alert(x); внутри моего кода JQuery, и он вернул значение Затем я попытался перейти к «delorder.php? id = 335» и строка успешно удалена

только когда я пробую это с ajax, оно не работает

Answer 1

Сделай это

     <table>
        <thead>
            <tr>
                <td>Name</td>
                <td></td>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Stephen</td>
                <td><button onclick="deleteRow('delete',<?php echo($row['ID']); ?>)">Delete</button></td>
            </tr>
        </tbody>
    </table>

JQuery:

function deleteRow(action,id){
  $.ajax({
    url: 'delorder.php?id=' + id,
    success: function(){
        alert('deleted');
    }
  });
 }

Answer 2

Кросс-платформенный способ - передать объект события в методе onclick следующим образом:

onclick="delord(event)" 

затем зарегистрируйте функцию как

function delord(e){ 
   e = e || window.event;
   var target = e.target;
   var id = target.getAttribute('id')
}

e будет событием, и тогда вы сможете захватить кнопку целевого элемента