Удалить строку таблицы HTML с помощью AJAX

Я пытаюсь добавить возможность удалять строку из таблицы с помощью вызова AJAX. По какой-то причине мой клик даже не срабатывает, и я не уверен, почему, поскольку у меня есть другие кнопки AJAX, которые работают правильно. (К сожалению, я не могу понять, за жизнь мне, как отображать код правильно на этом сайте !!!)Удалить строку таблицы HTML с помощью AJAX

Вот Javascript в заголовке:

jQuery("#completeHarvestButton").on('click', function(){ 

     var asset = jQuery("#completeHarvestButton").val(); 

     jQuery('#' + asset).html(Image1); 

     jQuery.ajax({ 
      type: 'POST', 
      url: '//localhost/inventory/wp-admin/admin-ajax.php', 
      data: { 
       action: 'completeHarvestRequest', 
       asset: asset, 
      }, 
      success: function(data, textStatus, XMLHttpRequest){ 
       jQuery('#' + asset).remove(); 
      }, 
      error: function(MLHttpRequest, textStatus, errorThrown){ 
       alert(errorThrown); 
      } 
     }); 
    });

А вот PHP функция, которая создает таблицу, которая имеет строку, я хочу, чтобы удалить, и кнопку, которая, как предполагается уволить AJAX:

function get_harvest_items(){ 

    global $wpdb; 
    $result = $wpdb->get_results ("SELECT * FROM harvest WHERE complete = 0"); 

$showHarvestItems = ' 
    <table border="1"> 
     <tr> 
      <th>Asset Tag</th> 
      <th>Date Scanned</th> 
      <th>Complete</th> 
     </tr>'; 
     foreach($result as $print){ 
     $showHarvestItems .='<tr id='.$print->barcode.'> 
      <td>'.$print->barcode.'</td> 
      <td>'.$print->date.'</td> 
      <td><button type="button" id="completeHarvestButton" value='.$print->barcode.'>Complete Harvest...</button></td> 
      <tr>'; 
     } 

return $showHarvestItems; 

}

источник

2015-01-21 user3973760

Я вообще не вижу никакого кода, который пытается удалить запись из таблицы БД. –

Вы говорите о '' строке таблицы базы данных ''или' '' '' '' '' '' '' '' '? Я предполагаю, что это «база данных», но ваш вопрос непонятен, и, как указано выше, похоже, что нет никакого SQL-кода для удаления. –

Mike - код для обновления db находится в функции completeHarvestRequest, которая должным образом назначается в вызове AJAX. Я не показывал эту функцию, потому что это не моя проблема. Щелчок привязки к моей кнопке не срабатывает и, следовательно, не визуально удаляет строку таблицы. – user3973760

Вы говорите ваше событие щелчка не стрелять:

Вы связывающие у наш jquery при вызове кнопки с id = 'completeHarvestButton', но у вас будет несколько кнопок со всем этим идентификатором, так как ваш код находится в цикле for. Попробуйте использовать класс вместо id.

источник

2015-01-21 15:21:22

Хммм, я попытался изменить это на класс и все равно не кубик, я решил, что моя проблема связана с тем, как кнопки созданный из функции .... – user3973760

Удалить строку таблицы HTML с помощью AJAX

ответ

Смежные вопросы