Ajax-запрос не выполняется (полностью призрачный)

Question

Я использую PHP, jQuery вместе для создания приложения с базой данных, я новичок в использовании jQuery и ajax, я хотел использовать ajax, чтобы выполнить ОБНОВЛЕНИЕ моей базы данных без обновления.Для кода jQuery я взял это видео в качестве примера: https://www.youtube.com/watch?v=Kcka5WBMktw

Я проверил свой php с помощью классической формы и метода post: он работает, я попытался добавить alert () в jQuery для отладки, оповещение отправило меня обратноожидаемые значения.

Я открываю консоль с сетью: в моем запросе AJAX ничего не появляется.

Здесь мой jQuery:

$('.ButtonEdit').on('click', function() {
    let id = $(this).attr('id');
    let name = $('#name'+id).val();
    alert('click');
    req = $.ajax({
        url: "menu.php?Option=updateIgr",
        type : 'POST',
        data : { name : name, code : code }
    });
});

вот мой php, который я хочу запуститьс Ajax:

 case "updateIgr":
     require("Class/Ingredient.php");
     require("Class/IngredientsManager.php");
     $data = array ('code' => $_POST['code'],'name' => $_POST['name']);
     $updaterIngredient = new IngredientsManager;
     $updatedIngredient = $updaterIngredient->update(new Ingredient($data));
     break;

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

Answer 1

Кодовая переменная не объявлена ​​

$('.ButtonEdit').on('click', function() {
    let id = $(this).attr('id');
    let code = $(this).attr('id');// please assign your code here
    let name = $('#name'+id).val();
    alert('click');
    req = $.ajax({
        url: "menu.php?Option=updateIgr",
        type : 'POST',
        data : { name : name, code : code }
    });
});

Answer 2

Я предлагаю проверить этот код.

$ ('. ButtonEdit'). Click (function () {var id = $ (this) .attr ('id'); var name = $ ('# name' + id) .val (); $ ajax ({url: "menu.php? Option = updateIgr", тип: 'POST', данные: {name: name, id: id}});});

Answer 3

У вас должны быть обработчики успеха и неудач для запроса Ajax.

$('.ButtonEdit').on('click', function() {
  let id = $(this).attr('id');
  let name = $('#name'+id).val();

  req = $.ajax({
    url: "menu.php?Option=updateIgr",
    type : 'POST',
    data : { name : name, code : code }
  });

  // Callback handler that will be called on success
  req.done(function (response, status, jqXHR){
    // Log a message to the console
    console.log("It worked!");
  });

  // Callback handler that will be called on failure
  req.fail(function (jqXHR, status, err){
    // Log the error to the console
    console.error("An error occurred: " + status, err);
  });

});

Вам нужно будет обновить обработчики в соответствии с вашими потребностями.