Обновление данных при загрузке Ajax не работает

Question

У меня есть страница администратора, которая может вставлять, обновлять и удалять данные. Я хочу показать простой загрузочный gif при выполнении любой из этих операций. Все 3 операции работают отлично, но когда я пытаюсь сделать с ним Ajax, он перестает работать.

Ниже приведен мой код Ajax. Этот код просто показывает div, который имеет загрузочный gif внутри него, сразу после отправки формы и, если он успешно завершен, скрывает его снова. Это просто.

$("#form").submit(function(e) { 
    e.preventDefault(); 

    $("#loading").show(); 

    $.ajax({ 
     url: "Operations.php", 
     dataType: "HTML", 
     success: function() { 
      $("#loading").hide(); 
     } 
    }); 
}); 

Теперь Operations.php, что выполняется любой форме, содержит 3 операции с базами данных. Он сохраняет имя класса, отправленного полем hidden, получает значение от button представленной формы и в зависимости от его значения создает экземпляр ServiceDatabase, передающий класс и выполняющий одно действие.

$class = filter_input(INPUT_POST, "class"); 
$id = filter_input(INPUT_POST, "id"); 

@require_once "../../php/Connection.php"; 
@require_once "../../php/ServiceDatabase.php"; 
@require_once "../../php/" . $class . ".php"; 

$Operation = new ServiceDatabase($connection, new $class); 

switch ($_REQUEST["submit"]) { 
    case "insert": 
     $Operation->setPostVariables(); 
     $Operation->insert(); 
     break; 
    case "update": 
     $Operation->setPostVariables(); 
     $Operation->update($id); 
     break; 
    case "delete": 
     $Operation->delete($id); 
     break; 
} 

И, наконец, только форма.

<form id="form" class="center-block" action="Operations.php" method="post"> 
    <h3>Alterar - <small><?php echo $class ?></small></h3> 

    <input type="hidden" value="<?php echo $class ?>" name="class"/> 
    <input type="hidden" value="<?php echo $id ?>" name="id"/> 

    <?php echo $Table->generateAdminTables($id); ?> 

    <button type="submit" name="submit" value="update" class="btn btn-success btn-update">Atualizar</button> 
</form> 

Что происходит в том, что операции с базой данных, в этом случае обновление, не работает, как если бы она не доходит до файла Operations.php.

Answer 1

Похоже, $_REQUEST не работает с Ajax. Какой сюрприз.

Мое решение: Я создал новый hidden в формах, чтобы получить с помощью JQuery в value из щелкнули button:

btnValue = ""; 
$("#form button").click(function() { 
    btnValue = $(this).attr("value"); 
}); 

Тогда прямо перед $.ajax, я поставил hidden значение:

$(this).find("#action").attr("value", btnValue); 

В моем Operations.php получено новое значение $_POST

$action = filter_input(INPUT_POST, "action"); 

И в switch блоке, я просто проверить $action

switch ($action) { 
    case "insert": ... 
    case "update": ... 
    case "delete": ... 
} 

работал отлично.

Answer 2

Вам необходимо установить данные POST, которые вы получите из формы.

$.ajax({ 
    url: "Operations.php", 
    method: "POST", // defaults to get 
    data: $(this).serialize(), // get the form data and send it 
    dataType: "HTML", 
    success: function() { 
     $("#loading").hide(); 
    } 
}); 

Answer 3

Попробуйте этот. Я не тестировал, но он будет работать.

$("#form").submit(function (e) { 
    e.preventDefault(); 

    $("#loading").show(); 

    $.ajax({ 
     url: "Operations.php", 
     dataType: "HTML", 
     success: function() { 
      $("#loading").hide(); 
     }, 
     error: function (data) { 
     }, 
     complete: function (data) { 
      $("#loading").hide(); 
      //A function to be called when the request finishes 
      // (after success and error callbacks are executed). 
     } 
    }); 
});