1

Есть json-файл, на его основе вывожу в браузер значения и возле каждого значения кнопку "Удалить" (c id "delete-user + порядковый номер"). Далее мне нужно этот номер как-то отправить на сервер, чтобы знать, какого юзера удалять.

Так выглядит кнопка, которую генерирую:

'<button type="submit" class="button" id="delete-user' + index + '">'

Так выглядит функция клика по этой кнопке:

$('body').on('click', "button[id^='delete-user']", function() {
    //Получаем из id порядковый номер юзера
     var value = $(this).attr('id').replace('delete-user', '');
    GetDetails(value);
});

Так выглядит сам ajax-запрос:

function GetDetails(value){
$.ajax({
    type: "POST",
    url: "index.php",
    data: {test:value}
}).done(function () {
    console.log('success');
}).fail(function () {
    console.log('fail');
});
};

Вот PHP-код:

if( isset( $_POST['test'] ) )
{
echo 'Кнопка нажата!';
}

В итоге в консоль уходит 'success', но echo не всплывает. В чём может быть проблема?

6
  • 3
    ну правильно, ты его и не выводишь) done(function (response) { console.log(response); ....... 14 апр 2017 в 7:24
  • Всё равно не понял:( responce -- это ответ от сервера, который должен быть? Он обязателен? Заменил свой код на done(function (response) { console.log(response); -- в итоге в консоль попала информация о всём коде страницы (где и нашёлся текст "Кнопка нажата!"). Но почему эта информация есть только в консоли? И можно ли в PHP-коде уже писать код удаления юзера? Или ещё какие-то махинации нужно сделать? P.S. Первый раз что-то пробую ajax-ом передавать, прошу прощения за глупые вопросы.
    – Ya_O
    14 апр 2017 в 7:33
  • Да, правильно, response - это ответ сервера. Всё, что ты отдашь там на вывод, прилетает в первый параметр колбэк фукнции..... можно ознакомится тут jquery.page2page.ru/index.php5/Ajax-запрос в пункте Получение данных с сервера........ что именно прилетит тоже зависит от параметра (dataType), например json или html..... зависит от параметра dataType в Ajax запросе.......в твоем случае, скорее всего, выводится вся html потому, что надо "убивать" весь остальной вывод после echo, например echo 'Кнопка нажата!'; exit(); .....информация в консоли, потому что я только туда её передал) 14 апр 2017 в 7:40
  • Вместо консоли ты можешь информацию распарсить или вывести в теги html и вообще с ней делать в той функции что угодно, на что фантазии хватит.........И можно ли в PHP-коде уже писать код удаления юзера - можно, соблюдая правила безопасности 14 апр 2017 в 7:40
  • в итоге в консоль попала информация о всём коде страницы -- Но скорее всего у тебя и html и php находятся в одном файле, поэтому у тебя выводится и то и другое... если ты хочешь получать только ответ от сервера, то отправлять надо запрос на совершенно другую страницу php. в котором будет только он 14 апр 2017 в 7:50

1 ответ 1

4

Смотри, я б посоветовал сделать так: HTML/PHP (я так понял у тебя это index.php):

<button class="button button-delete-user" data-id="<?=$index?>">

JS код:

$('body').on('click', "button-delete-user", function() {
      var $this = $(this),
          id = $this.attr('data-id');
      GetDetails(id); // название функции не айс
})

function GetDetails(id) {
     $.ajax({
       type: "POST",
       url: "ajax.php",
       data: {action: 'deleteUser', id: id}
     }).done(function (status) {
       console.log(status);
     }).fail(function () {
       console.log('fail');
     });
}

тут я рекомендую обработчик вынести в отдельный файл, типа ajax.php со след. содержимым (тут уже как душе угодно):

<?
  if(isset($_REQUEST['action'])) {
       if($_REQUEST['action'] == 'deleteUser') {
            // запрос на удаление и проверь наличие $_REQUEST['id']
            echo 'Пользователь удален';
       }
  } else {
      echo 'Нет команды'; // как пример
  }
?>

а лучше ответ вообще отдавать json форматом, так ты можешь лучше обработать ответ на js

Если все же хочешь сделать на страницу index.php, то тогда используй след. конструкцию в php:

 if($_REQUEST['action'] == 'deleteUser') { // условия сам допиши какие нужны
      ob_clean();
      // все манипуляции с юзером
      echo 'Пользователь удален';
      die();
 }

тем самым тебе не будет отдаваться весь контент страницы index.php в ответ на ajax запрос

6
  • Подскажите, пожалуйста, если я использую массив на выходе, правильно ли будет в php: $qwerty = json_encode(array("total_sum" => 10, "total_quantity" => 3)); die($qwerty); Затем в JS: success: function(res){ var result = $.parseJSON(res); $("#uuu").html(result.total_sum); ...} 16 апр 2017 в 11:43
  • Дмитрий, если не путаю, то сразу можно в js, res.total_sum, так как вы отдаете json с php
    – maxkrasnov
    17 апр 2017 в 12:33
  • Спасибо! К сожалению, так нельзя, не работает. 17 апр 2017 в 16:01
  • Дмитрий, может в ответе что-то лишнее приходит? Только json_encode передаётся? Выше ничего нет? Хотя парсер бы тоже ругался) как вариант в заголовке ответа отдавать формат json.
    – maxkrasnov
    17 апр 2017 в 16:51
  • Кстати, может я путаю с $.get и $.post, вроде эти функции автоматом парсят ответ при возможности, а $.ajax более кастомная штука)
    – maxkrasnov
    17 апр 2017 в 16:58

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.