Как отправить ajax запрос в контроллер?

Question

[Лев К]

Всем привет.
Пытаюсь реализовать динамику в yii2.
Выделил нужный блок формы в pjax.
Создал кнопку и событие для нее.
А вот ajax запрос что то не получается.

<?php
$js = "$('#btn_add').on('click', function () {
        $.ajax({
            url: ,  
            type: 'POST',
            data: $action='two',
            success: function(response) {
                $.pjax.reload({container: '#pjax-form1'});
            }
        });
        return false;
    })";
$this->registerJs($js);

Какой url нужно прописать, чтобы отправить данные в контроллер ? Создал в нем action для обработки динамики, сам файл представления не создавал. И как потом вернуть результат ?
_
Внес такие изменения:
скрипт

<?php
$js = "$('#btn_add').on('click', function () {
        $.ajax({
            url: '/trip/add',
            type: 'POST',
            dataType: 'json',
            data: { 'action' : 'two' },
            success: function(response) {
                $.pjax.reload({container: '#pjax-form1'});
            },
            error: function(){
                alert('error')
            }
        });
        return false;
    })";
$this->registerJs($js);

контроллер

public function actionAdd()
    {
        $count = $_POST['action'];

        if ($count == 'two') $c = 2; else $c = 1;
        $modelCouples = [new Couple()];        
        for ($i = 1; $i < $c; $i++) {
            $modelCouples[] = new Couple();
        }

        $res = Yii::$app->getResponse();
        $res->format = Response::FORMAT_JSON;
        $res->data = $modelCouples;
        $res->send();
    }

Выдает ошибку Internal Server Error, ajax запрос не выполняется, вылазит "error"

Answer 1

[VZVZ]

Что такое registerJs, не знаю.
А вообще URL должен получиться примерно такого плана:
localhost/index.php?r=site/add
Или такого:
localhost/site/add
Где контроллер называется SiteController. Короче говоря, всё точно так же, как и если без аякса

Насчет возврата значения, я бы возвращал строку JSON, проверил бы в браузере (адресной строкой) а уже потом писал клиентский код

Answer 2

[polar-bear]

Если вьюха, в которой вы написали JS, находится в контексте контроллера на экшен которого отправляете запрос, то можно:
url: " . Url::to(['add']) . ",
или
url: " . Url::to(['controllerName/add']) . ",

В экшене, возможно стоит поставить:

Yii::$app->response->format = Response::FORMAT_JSON

и тогда Yii вернет ответ в формате json. A объекту конфигурации ajax: 'dataType': 'json'

Comments

[Лев К]

polar-bear: консоль хрома выдает такую ошибку: "Uncaught SyntaxError: Invalid regular expression flags " и указывает ошибка на строку в ajax запросе : " url: /trip/add, " (без кавычек), в коде написано url: " . Url::to(['add']) . ", пробовал дописывать имя контроллера, такая же ерунда

[Лев К]

polar-bear: Попробовал url: '/trip/add', когда нажимаю на кнопку, получаю :
jquery.js:9175 POST localhost/trip/add 500 (Internal Server Error)

[polar-bear]

Lev Ko4akoF:
url: '" . Url::to(['add']) . "' пропустил кавычки.

Yii::$app->response->format = \yii\web\Response::FORMAT_JSON

нужно добавить первую версию action.

[Лев К]

polar-bear: Спасибо, вроде как запрос отправляется. И еще вопросик, в actionAdd по итогу я делаю return $modelCouples; Мне по сути в succes JSON строка должна прийти или сразу будет переменная $modelCouples ? Я к чему, если приходит не переменная, то надо сделать переприсвоение.

[polar-bear]

Lev Ko4akoF: нет, будет содержимое данной переменной, но можно сделать так:

success: function(modelCouples) {
                $.pjax.reload({container: '#pjax-form1'});
            },

в этом случае в области видимости функции обработчике успешного ответа, будет переменная modelCouples массив с объектами

[Лев К]

polar-bear: Таким образом переменная modelCouples приходит, даже что то приносит с собой, проверил for..in, а вот в блоке #pjax-form1 ничего не изменяется, он просто обновляется

[polar-bear]

Lev Ko4akoF: в переменной, то что возвращается с сервера, а именно массив объектов Couple. А вы что-то изменяете в action?

[Лев К]

polar-bear: только создаю массив с 2-я объектами, а при начальной генерации страницы (actionCreate) создается массив с одним объектом

[polar-bear]

Lev Ko4akoF: Pjax идет на actionCreate, а данный action ничего не знает про то что там где создались 2 объекта. Уберите обертку $.ajax, оставьте только обновление через pjax

$.pjax.reload({container: '#pjax-form1', url: '".Url::to(['create', 'action' => 'two'])."'});

И работайте с create.

[Лев К]

polar-bear: "Pjax идет на actionCreate" А можно этот момент по подробней?

[Лев К]

polar-bear: 1) сделал все так, но работает, как то криво, между нажатиями на кнопку "+-" приходится обновлять страницу, чтобы все работало. Иначе добавляет элемент, но удалять не хочет.
2) По ходу я так раньше делал, но вместо кнопки я создавал ссылку и в ней посылал запрос action='one' ! Отказался от этого метода и решил все сделать через ajax, потому что при добавление элемента, он не добавлялся в БД. Если же pjax использовать на всю форму, то все работало хорошо, но перезагружалась форма при нажатии на ссылку.
if (isset($modelCouples[1]))
echo Html::a('-', ['/trip/create?action=one'], ['class' => 'btn btn-primary']);
else echo Html::a('+', ['/trip/create?action=two'], ['class' => 'btn btn-primary']);

[polar-bear]

Lev Ko4akoF: так чтобы удаляло наверно стоит сделать запрос

$.pjax.reload({container: '#pjax-form1', url: '".Url::to(['create', 'action' => 'one'])."'});

а обработчик на кнопку удаления сделать.

[Лев К]

polar-bear: Дак так то оно так, я ж написал, что работает, но если страницу перезагрузить, иначе не работает, так же и добавление (после удаления) надо опять же перезагружать страницу ...

[Лев К]

polar-bear: А в базу все таки не добавляет, такая же ситуация как и с ссылками ...
Как можно еще реализовать динамику внутри формы ?