Почему не передаются данные ajax в Yii2?

Question

[Evgenya-k2]

По нажатию кнопки пытаюсь ajax запросом удалить картинку из таблицы ProductImg.
Отправляю айдишник картинки, но он не приходит в контроллер, в debug консоли соответственно выводится "Call to a member function delete() on null". В чем может быть ошибка?
Код представления:

<?php 
    echo '<div class="row row-eq-height">';
    foreach($model->productImgs as $img){
    echo '<div class="col-md-4" id="product-img-' . $img->id . '"><div class="product-img__container">'
    .Html::img('/images/products/' . $img->alias, ['alt' => '', 'class' => 'img-responsive'])
    .'<button onClick="DeleteImg('.$img->id.')" class="btn btn-danger">Удалить</button>'
    .'</div></div>';
    }
    echo '</div>';
?>

JS:

function DeleteImg(id)
{
    if (!confirm('Удалить изображение?')) {
        return false;
    }
    $.ajax(
        {
            dataType: 'html',
            url: '/productimg/delimage',
            type: "POST",
            data: {
                id: id
            },
            success: function (data)
            {
                $("#product-img-" + id).hide();
            },
            error : function(jqXHR) {
                console.log(jqXHR.responseText);
            }
        });
}

Код контроллера (сами изображения удаляются в модели в методе beforeDelete() ):

public function actionDelimage(){
        $id = Yii::$app->request->post('id');
        $model = ProductImg::findOne($id);
        $model->delete();

        return true;
    }

Answer 1

[Дмитрий]

Добрый день.
Проверьте, что id подставляется в html
'<button onClick="DeleteImg('.$img->id.')"
Это лишнее dataType: 'html',
Проверьте, что в post есть нужное значение

public function actionDelimage(){
       // например так
        print_r(Yii::$app->reqiest->post);
        $id = Yii::$app->request->post('id');
        $model = ProductImg::findOne($id);
        $model->delete();
        return true;
    }

Возможно в findOne не возвращается нужная модель

public function actionDelimage(){
    if(Yii::$app->request->isAjax){
        $id = Yii::$app->request->post('id');
        if(($model = ProductImg::findOne($id)) !== null){
            $model->delete();
            return true;
        }
        else{
             throw new NotFoundHttpException('The requested page does not exist.');
         }

    } 
 }

Comments

[Evgenya-k2]

Дмитрий , добрый день.
id подставляется верно:

<div class="col-md-4" id="product-img-50"> ... </div>

Код print_r(Yii::$app->request->post()); вывел Array ( ), а print_r(Yii::$app->request->post('id')); - не вывел ничего.
Если добавить в js код:

success: function (data)
            {
                console.log(data);
                $("#product-img-" + id).hide();
            },

то в консоли браузера будет выведено:

Array
(
    [id] => 50
)

[Дмитрий]

Evgenya-k2, не в id тега div, а в Вашу js функцию, передаётся необходимый id или нет?

function DeleteImg(id)
{
    console.log(id)
    if (!confirm('Удалить изображение?')) {
        return false;
    }
    $.ajax(
        {
            url: '/productimg/delimage',
            type: "POST",
            data: {
                id: id
            },
            success: function (data)
            {
                $("#product-img-" + id).hide();
            },
            error : function(jqXHR) {
                console.log(jqXHR.responseText);
            }
        });
}

Не очень хороший вариант указания url
url: '/productimg/delimage',

[Evgenya-k2]

Дмитрий, да, передается в формате number.
Лучше использовать Url::toRoute()? Или как?

[Дмитрий]

Лучше использовать Url::toRoute()? Или как?

Evgenya-k2, Url::to()
Если в success Вашей js функции в консоль выводит id изображения, то на сервер этот id доходит.
Проверяйте, что возвращает Вам findOne();

[Evgenya-k2]

Дмитрий, возвращает null, в id тоже null.
Если меняю с POST на GET то print_r(Yii::$app->request->get()); возвращает Array ( [id] => 50 ).

[Дмитрий]

Evgenya-k2, в контролере, в котором располагается необходимое действие есть такой код?

public function behaviors() {

        return [

            'verbs' => [
                'class' => VerbFilter::class,
                'actions' => [
                    'delete' => ['POST'],
                ],
            ],
        ];
    }

[Evgenya-k2]

Дмитрий, есть. Для actionDelimage() тип запроса не указан.

[Дмитрий]

Evgenya-k2, попробуйте указать

[Evgenya-k2]

Дмитрий, добавила

public function behaviors()
    {
        return [
            'verbs' => [
                'class' => VerbFilter::className(),
                'actions' => [
                    'delete' => ['POST'],
                    'delimage' => ['POST'],
                ],
            ],
        ];
    }

в дебаге Method Not Allowed (#405)

[Дмитрий]

Evgenya-k2, вообще-то странно. Даже без указания действия в VerbFilter всё должно работать.
Воспроизвёл Ваш код, всё работает отлично
В представлении, где выводится изображение, кнопка и js код. Изменил только имя переменной.

<div class="row row-eq-height">
              <div class="col-md-4" id="product-img-<?= $img ?>">
                <div class="product-img__container">
                   <?= Html::img('@web/images/products/' . $img, ['alt' => '', 'class' => 'img-responsive']) ?>
                   <?= Html::tag('button','Delete', ['class' => 'btn btn-danger', 'onclick' => 'DeleteImg(' . $img . ')']) ?>
                </div>
              </div>
          </div>
<?php

$this->registerJs('
function DeleteImg(id)
{
    if (!confirm(\'Удалить изображение?\')) {
        return false;
    }
    $.ajax(
        {
            dataType: \'html\',
            url: \''. Url::to(['acts/delimage']) . '\',
            type: "POST",
            data: {
                id: id
            },
            success: function (data)
            {
                console.log(data);
            },
            error : function(jqXHR) {
                console.log(jqXHR.responseText);
            }
        });
}
', View::POS_END);
?>

В действии контролера

class ActsController extends Controller
{

    public function actionDelimage()
    {
        print_r(Yii::$app->request->post());
    }

}

В ответ получаю

Array
(
    [id] => 50
)

Значит причина в чём-то другом.

[Дмитрий]

Evgenya-k2, так что всё-таки ещё раз проверьте, что возвращает запрос к базе данных.

if(($model = ProductImg::findOne($id)) !== null){
            $model->delete();
            return true;
        }
        else{
             throw new NotFoundHttpException('The requested page does not exist.');
         }

[Evgenya-k2]

Дмитрий, вы правы, запрос в дебаге к базе есть: SELECT * FROM `product_img` WHERE `id`='50'
Но почему этой командой print_r(Yii::$app->request->post()); не выводит Array ( [id] => 50 )?

[Дмитрий]

Evgenya-k2, у Вас перед print_r никакого вывода нет?