неопределенная ошибка индекса в запросе JQuery Ajax

Question

Пожалуйста, проверьте мой код в следующем:

PHP & HTML код (file1.php):

<?php 
$conn = //connected to db successfully. 
$sql = "SELECT t1.column1 AS Column_1 FROM table1 t1"; 
$rs = mysqli_query($conn,$sql); 
$rows= mysqli_fetch_assoc($rs); 
do{ 
?> 
<button data-id="<?php echo $rows['Column_1']; ?>" type="button" onclick="handle_item('id')">Click Me</button> <br> 
<?php }while($rows = mysqli_fetch_assoc($rs)); ?> 

JQuery AJAX код (file1.php):

<script type="text/javascript"> 
    var item_id; 
    function handle_item(item_id) { 
     var c = $(this).data(item_id); 
     $.ajax({ 
      url: 'handle_input.php', 
      type: 'POST', 
      data: { 
       'button_id': c 
      }, 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    } 
</script> 

PHP код (handle_input.php):

<?php 
echo "Button with id ".$_POST['item_id]." clicked!"; 
?> 

В настоящее время проблемы (как и следовало ожидать) - печально известная ошибка в этом случае - ошибка неопределенного индекса: button_id. Я получаю его как предупреждение, когда я нажимаю на одну из кнопок. Я уже прочитал дублирующие вопросы о SO, но, к сожалению, ни один из тех, кого я читал, не смог решить мою проблему. Я ценю, что вы руководите мной этим.

Кроме того, как вы видите из моих кодов, я извлекаю несколько кнопок из базы данных, и при отображении я назначаю каждому идентификатор данных и использую этот идентификатор данных в ajax для использования в 'handle_input.php' и Я хочу получить каждый идентификатор кнопки, на который я нажал. Заранее спасибо.

UPDATE:

Это было некоторое время, так как я задал этот вопрос, но я был любопытными о чем-то мой вопрос: Почему не режим массива (данные: { «button_id» : c}) работают для меня в функции $ .ajax (что приводит к неопределенной ошибке индекса для переменной $ _POST), тогда как строковый режим (данные: «usg_id =» + c)?

Answer 1

Вы посылаете:

button_id:.. 

но вы используете, а также с отсутствующими изменениями '

$_POST['item_id] 

к:

$_POST["button_id"] 

ОБНОВЛЕНИЕ

Добавить this в качестве первого параметра:

onclick="handle_item(this, 'id')" 

Затем измените handle_item функцию, как это:

function handle_item(obj,item_id) { 
    var c = $(obj).data(item_id); 

Answer 2

<script type="text/javascript"> 
    var item_id; 
    function handle_item(item_id) { 
     var c = $(this).data(item_id); 
     $.ajax({ 
      url: 'handle_input.php', 
      type: 'POST', 
      data:"item_id="+c, 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    } 
</script> 

В этой функции отсутствует функция button_id, следовательно, ошибка. Также в handle_input вы выборка ITEM_ID