Блог

Я хочу отобразить диалоговое окно подтверждения для пользователя, прежде чем они удалят запись в базе данных. Я разрабатываю это на своем локальном веб-сервере ПК. Примерно так: пользователь выбирает запись для удаления (форма php) пользователь нажимает кнопку удаления (кнопка отправки php), появляется диалоговое окно с сообщением, хотите ли вы удалить запись (jquery) Да — вызов Ajax на другую страницу php в том же каталоге

Я пробовал это как с Chrome, так и с FF без ошибок, которые я вижу, кроме того, что результирующая страница никогда не вызывается. К вашему сведению, de.php страница работает нормально, если я вызываю ее напрямую через браузер следующим образом:

 http://localhost/de.php?eid=61
  

Вот несколько фрагментов:

 <script>
$(function() {
 $( "#dialog-confirm" ).dialog({
  resizable: false,
  height:340,
  modal: true,
  buttons: {
    "Delete Event": function() {
     $.ajax({
        url: '/de.php?eid=<?php echo $theEventId ?>',
        success: function(data) {
           alert('success');
        }, error: function (data) {
           alert('failed');
        }

      });
      $( this ).dialog( "close" );
      $('#myDiv').append('Trying to Delete');
    },
    Cancel: function() {
      $( this ).dialog( "close" );
      $('#myDiv').append('Delete Cancelled');
    }
  }
 });
});
</script>
  

Код формы

 <form method="post" action="<?php echo htmlspecialchars($_SERVER['REQUEST_URI']) ?>" id="ee_form">

  <div id="myDiv"></div>

  <input type="submit" name="Update" value="Update Event" />
  <a href="index.php"><input type="button" value="Cancel" /></a>      
  <input type="submit" name="Delete" value="Delete Event <?php echo $theEventId ?>" />
</form>
  

Диалоговое окно отображается нормально, с правильным eid.
Если я нажимаю кнопку «Удалить событие», я получаю предупреждение «успех», диалоговое окно закрывается, «Попытка удаления» выводится на экран нормально, но никаких указаний на то, что de.php когда-либо вызывался.

Правильно ли я это делаю, чего мне не хватает?

Измените раздел ajax на post data.

Имейте данные в форме, а не повторяйте JS.

 <form id="myform">
 <input type="hidden" value="<?php echo $theEventId ?>">
 <button type="submit" value="Delete">
</form>
  

Затем в JS сериализуйте форму.

 var form_data = $("#myform").serialize();    
  

Затем опубликуйте сериализованные данные.

 $.ajax({
        url: '/de.php',
        type: 'POST',
        data: form_data,
        success: function(data) {
           alert('success');
        }, error: function (data) {
           alert('failed');
        }

      });
  

Используйте инструменты разработчика в Google Chrome, чтобы посмотреть, было ли что-нибудь опубликовано и что это такое.