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 that you have read and understand our privacy policy and code of conduct.

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