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

Question

[KevinSmash]

Здравствуйте, я новичек в Yii, создал DatePicker, но его значения когда обновляю, не обновляются в базе. Пробовал составить ajax запрос, но видимо не понимаю что то.

[
                    'label' => 'Дата начала подписки',
                        'value' => function ($model, $key, $value) {
                         return  \kartik\date\DatePicker::widget([
                            'name' => 'date_subscription',
                            'model' => $model,
                             'value' => $model->date_subscription,
                             'type' => DatePicker::TYPE_INPUT,
                            'pluginOptions' => [
                        'format' => 'yyyy-mm-dd',
                        'autoclose' => true,
                            ],
                         ]);
                         },
            'format' => 'raw',
                ],

$(".krajee-datepicker.form-control").blur(function() {
                 jQuery.ajax({
                     url: '/admin/clients/date-subscription',
                     type: 'post',
                     contentType: 'application/x-www-form-urlencoded',
                     async: true,
                     dataType: 'html',
                     data: {
                         data: this.value

                     },
                     success: function (data) {
                         alert(data);
                     },
                     error: function () {
                         alert("Error");
                         location.reload();
                     }
                 });
             });

Comments

[Дмитрий]

Здравствуйте новичек в Yii

Здравствуйте, но я не новичОк)))
Вы именно к новичкам обращаетесь?

[KevinSmash]

slo_nik, Извините, поправил все

[Дмитрий]

Кроме ajax запроса, Вам надо обработать данные на сервере.
Как Вы обрабатываете свой запрос на сервере?

[KevinSmash]

Видимо никак. Не знаю как это делается

[leni_m]

какой алерт выводит?

[KevinSmash]

leni_m, когда выбираю дату то выводит Error

[leni_m]

KevinSmash, попробуйте посмотреть что за ошибка:

error: function(jqxhr, status, errorMsg) {
			    alert("Статус: " + status + " Ошибка: " + errorMsg);
			}

[KevinSmash]

leni_m, Статус: error Ошибка: Not Found

[leni_m]

KevinSmash, я думаю ajax вам сказал, что он заблудился по дороге, и скорее всего неправильный url

[Дмитрий]

KevinSmash, во-первых, посмотрите в документации настройки самого виджета, внимательно, там должно быть как отправить ajax.
Во-вторых, Вы не совсем верно задали параметры для своего запроса.
В-третьих, сделайте отдельно от виджета запрос, добейтесь правильного ответа, а уж после этого прикручивайте его в виджету.

[KevinSmash]

Спасибо

[Дмитрий]

KevinSmash, вот этот параметр может работать со сбоями.
url: '/admin/clients/date-subscription'
Лучше будет, если Вы зададите маршрут при помощи Url::to() или Url::toRoute().

[KevinSmash]

slo_nik, ошибка пропала, но значения не обновляются

[Дмитрий]

KevinSmash, как на сервере Вы обрабатываете данные из ajax запроса?

[KevinSmash]

public function actionDateSubscription()
    {
        $jd = Yii::$app->request->post();
        $jd = (object)$jd;

        Yii::$app->user->setIdentity(\common\models\User::findOne(['id' => $jd->data]));

        $userSettings = UserSettings::findOne(["user_id" => $jd->data]);
        if ($userSettings->save()){
            echo "date_subscription: ".$userSettings->user_id.$userSettings->date_subscription;
        }
    }

[Дмитрий]

KevinSmash, зачем Вам лишний запрос в базу данных?
Вы уверены, что $jd не пустая или в неё попадает нужное значение?
Непонятно, что делает вот эта строка?

Yii::$app->user->setIdentity(\common\models\User::findOne(['id' => $jd->data]));

[Дмитрий]

KevinSmash, это же у Вас в GridView всё, правильно?

[KevinSmash]

slo_nik, Это в контроллере. Насчет jd не уверен, не знаю как проверить значение. А строка была нужна из-за того, что эта таблица связана с другой

[Дмитрий]

KevinSmash, в каком контролере? Я про виджет, он у Вас где, в GridView, правильно?

[KevinSmash]

slo_nik,
А, да конечно

[Дмитрий]

KevinSmash, ответ верен при том, если Вам нужно что-то обновить в той же таблице базы данных, из которой Вы в GridView выводите данные. Если в другой, то надо будет делать чуть иначе в действии контролера.

[KevinSmash]

slo_nik, А у меня как раз другая таблица

Answer 1

[Дмитрий]

В общем ситуация такая...
Как в самом виджете прикрутить ajax запрос я не знаю.
Но можно сделать так:
в GridView добавляем 'contentOptions', задаём параметры ajax запроса и отправляем на сервер.

[
    'label' => 'Дата начала подписки',
    'value' => function ($model, $key, $value) {
        return  \kartik\date\DatePicker::widget([
            'name' => 'date_subscription',
            'model' => $model,
            'value' => date('d-m-Y',$model->created_at),
            'type' => DatePicker::TYPE_INPUT,
            'pluginOptions' => [
                'format' => 'yyyy-mm-dd',
                'autoclose' => true,
            ],
        ]);
    },
    'contentOptions' => [
        'onchange' => '
            var Id = $(this).parent().attr("data-key");
            var uDate = $(this).children("input").val();
            console.log(Id + " - " + uDate);
            $.ajax({
               url: "'. Url::to('user/default/ajax-request') .'",
               type: "POST",
               data:{id: Id, date: uDate},
               success: function(data){
                  console.log(data)
               }
            })
        '
    ],
    'format' => 'raw',
],

В контролере создаём действие, которое будет обновлять данные для определённого пользователя.

public function actionAjaxRequest()
{
    if(Yii::$app->request->isAjax){
        $newDate = Yii::$app->request->post('date');
        $uId = Yii::$app->request->post('id');
        if(($model = Users::findOne(['id' => $uId])) != null){
            $model->created_at = strtotime($newDate);
            if(!$model->update(false,['created_at'])){
                return 'Данные не обновились.';
            }
            else{
                return 'Данные успешно обновились.';
            }
        }
        else{
            return 'Пользователь не найден.';
        }
    }
    return false;
}

Это упрощённый, но рабочий вариант. Вам необходимо поменять все переменные, пути, модели на свои, чтобы потом не говорили, что что-то там у Вас не работает. Всё работает, прежде чем писать ответ я проверил.

Comments

[KevinSmash]

Спасибо за ответ. Можете только объяснить что делают эти строки:

'onchange' => '
            var Id = $(this).parent().attr("data-key");
            var uDate = $(this).children("input").val();
            console.log(Id + " - " + uDate);

[Дмитрий]

KevinSmash, первая строка получает id записи, вторая значение input, в котором Вы меняете дату, ну а третья строка это для проверки, выводит в консоль браузера результат первых двух строк. Роли не играет и можно её удалить.

[Дмитрий]

KevinSmash, посмотрите через исходный код страницы как отрисована таблица, вот там и найдёте data-key, в котором будет id записи.

[KevinSmash]

slo_nik, Спасибо

[Дмитрий]

KevinSmash, я так понимаю, что Вам надо значение поменять в UserSettings и в GridView Вы выводите данные тоже из UserSettings?

[KevinSmash]

UserSettings связана с таблицей User и из таблицы User выводится GridView

[Дмитрий]

KevinSmash, ну тогда в действии ищите по user_id(или как у Вас там называется) в UserSettings

[KevinSmash]

Что я сделал не так? Не обновляется, не могу понять что не так

[
                'label' => 'Дата начала подписки',
                'value' => function ($model, $key, $value) {
                    return  \kartik\date\DatePicker::widget([
                        'name' => 'date_subscription',
                        'model' => $model,
                        'value' => date('Y-m-d',$model->date_subscription),
                        'type' => DatePicker::TYPE_INPUT,
                        'pluginOptions' => [
                            'format' => 'yyyy-mm-dd',
                            'autoclose' => true,
                        ],
                    ]);
                },
                'contentOptions' => [
                    'onchange' => '
            var Id = $(this).parent().attr("data-key");
            var value = $(this).children("input").val();
            $.ajax({
               url: "'. Url::to('/admin/clients/ajax-request') .'",
               type: "POST",
               data:{id: Id, date: value},
               success: function(data){
                  console.log(data)
               }
            })
        '
                ],
                'format' => 'raw',
            ],

public function actionAjaxRequest()
    {
        if(Yii::$app->request->isAjax){
            $value = Yii::$app->request->post('date');
            $uId = Yii::$app->request->post('id');
            if(($model = UserSettings::findOne(['id' => $uId]))){
                $model->date_subscription = strtotime($value);
                if(!$model->update(false,['date_subscription'])){
                    return 'Данные не обновились.';
                }
                else{
                    return 'Данные успешно обновились.';
                }
            }
            else{
                return 'Пользователь не найден.';

            }
        }
        return false;
    }

[Дмитрий]

KevinSmash, Ну а что в ошибках? В консоли браузера? Откуда же я могу знать, что именно у Вас не так?

[Дмитрий]

KevinSmash, первое, что могу предположить так это неверный url к действию контролера.
Второе, Вы не то пытаетесь обновить.
Вы сказали, что в GridView у Вас данные из Users, а обновлять Вы будете UsersSettings.
Так вот. В var Id = $(this).parent().attr("data-key"); у Вас id Users, но никак не UsersSettings.
Если у Вас связь через id Users, то в UsersSettings Вы должны обновлять как-то так
$model = UserSettings::findOne(['user_id' => $uId]

[KevinSmash]

slo_nik, Всё, спасибо вам большое

[Дмитрий]

KevinSmash, всё работает?

[KevinSmash]

Да, получилось

[KevinSmash]

slo_nik, Доброй ночи, решил вот проверить на другом компьютере этот же запрос. Создал отдельную таблицу, заменил данные, но опять они не обновились. Я так понимаю, что ошибка в url, можете объяснить как он работает?

[KevinSmash]

[
                'label' => 'Дата начала подписки',
                'value' => function ($model, $key, $value) {
                    return  \kartik\date\DatePicker::widget([
                        'name' => 'date_subscription',
                        'model' => $model,
                        'value' =>  date('d-m-Y',$model->date_subscription),
                        'type' => DatePicker::TYPE_INPUT,
                        'pluginOptions' => [
                            'format' => 'yyyy-mm-dd',
                            'autoclose' => true,
                        ],
                    ]);
                },
                'contentOptions' => [
                    'onchange' => '
            var Id = $(this).parent().attr("data-key");
            var uDate = $(this).children("input").val();
            console.log(Id + " - " + uDate);
            $.ajax({
               url: "'. Url::to('yii/users/ajax-request') .'",
               type: "POST",
               data:{id: Id, date: uDate},
               success: function(data){
                  console.log(data)
               }
            })
        '
                ],
                'format' => 'raw',
            ],

public function actionAjaxRequest()
    {
        if(Yii::$app->request->isAjax){
            $newDate = Yii::$app->request->post('date');
            $uId = Yii::$app->request->post('id');
            if(($model = Users::findOne(['id' => $uId])) != null){
                $model->date_subscription = strtotime($newDate);
                if(!$model->update(false,['date_subscription'])){
                    return 'Данные не обновились.';
                }
                else{
                    return 'Данные успешно обновились.';
                }
            }
            else{
                return 'Пользователь не найден.';
            }
        }
        return false;
    }

Не понимаю, почему не обновляются данные

[Дмитрий]

KevinSmash, если выдало ошибку 404, то конечно же в url.
Он не верен у Вас.
url: "'. Url::to('yii/users/ajax-request') .'"
Получается, что ищется модуль "yii" в котором есть контролер "users", а в контролере действие "ajax-request"
У Вас есть такое?
Почитайте, как это происходит в yii2.

[KevinSmash]

slo_nik, Я вот только установил Yii сюда, и здесь получается нет модулей. И да, он через консоль разработчика выдает 404

[Дмитрий]

KevinSmash, зачем yii в пути? Чего Вы хотели этим добиться?

[KevinSmash]

slo_nik, Это я не понял как путь указывать, думал просто путь к контроллеру

[Дмитрий]

KevinSmash, почитайте по ссылке.
Сейчас где у Вас находится users/ajax-request? От корня приложения.

[Дмитрий]

думал просто путь к контроллеру

Что означает "yii" в пути?

[KevinSmash]

slo_nik, У меня в корне ещё одна папка yii и в ней уже backend/controllers/users

[Дмитрий]

KevinSmash, а зачем Вам yii вообще?
Где Вы этот запрос вызываете?
Где находится контролер Users с действием AjaxRequest?

[Дмитрий]

KevinSmash, в первом случае у Вас такой путь прописан

url: "'. Url::to('/admin/clients/ajax-request') .'",

У Вас есть модуль admin?

[KevinSmash]

slo_nik, Просто учусь по вот этим урокам

И там вынесено в две отдельные папки: public_html и yii.

Путь: yii/backend/controllers/UsersController

[KevinSmash]

slo_nik, Это другой компьютер, там есть модуль. А вот на этом нет

[Дмитрий]

KevinSmash, ну, так зачем yii писать? Вы же не пишите в маршрутах public_html.
Так же и пишите, "users/ajas-request", если Вы обращаетесь из views/users/index(или другого вида)
Смотрите в консоли на вкладке "сеть" по какому пути на самом деле Вы обращаетесь.
Ну или в debug панели.

[KevinSmash]

slo_nik, Запрос почему то уходит по такому адресу: https://admin.yii2.local/users/users/ajax-request
В Url прописал: url: "'. Url::to('users/ajax-request') .'",

[Дмитрий]

KevinSmash, добавьте слеш вначале адреса.
И почитайте по ссылке.

[Дмитрий]

KevinSmash, если Вы вызываете из users, то достаточно прописать
url: "'. Url::to('ajax-request') .'"
Если из другого контролера, то писать
url: "'. Url::to('/users/ajax-request') .'"

[KevinSmash]

slo_nik, Спасибо, но теперь ошибка 500

[KevinSmash]

slo_nik, А нет, не прописал формат даты в value. Но теперь вот это

[Дмитрий]

KevinSmash, странный у Вас путь.
Что это за беспредел?
domains\yii\yii\*****
Зачем две директории с одинаковым именем?
Проверьте, что возвращает "date('d-m-Y', $model->date_subscription)"?

[KevinSmash]

slo_nik, Я же говорю, делал по урокам, сам то я не понимаю многого. А как можно проверить какое значение возвращает?

[Дмитрий]

KevinSmash, echo date('d-m-Y', $model->date_subscription)
По каким урокам Вы делали?

[Дмитрий]

KevinSmash, не должно быть путей подобным этому "yii\yii".
Из-за этого Вы огребёте проблем. Больше фантазии в наименовании директорий и файлов!!!

[KevinSmash]

slo_nik, Вы же ответ такой писали, я и сделал

[Дмитрий]

KevinSmash, какой ответ?

[KevinSmash]

slo_nik, Ну вы же дали ответ на мой вопрос выше, сказав подставить свои значения. Я и делал по нему, вот ваш пример: label' => 'Дата начала подписки',
'value' => function ($model, $key, $value) {
return \kartik\date\DatePicker::widget([
'name' => 'date_subscription',
'model' => $model,
'value' => date('d-m-Y',$model->created_at),
'type' => DatePicker::TYPE_INPUT,
'pluginOptions' => [
'format' => 'yyyy-mm-dd',
'autoclose' => true,
],
]);

[Дмитрий]

KevinSmash, в первом случае всё работает. Что Вы изменили, что перестало работать во втором случае?

[KevinSmash]

slo_nik,все тоже самое. Но там было две таблицы связанные, а здесь одна...

[Дмитрий]

KevinSmash, так что там у Вас с датой? Что показывает?

[KevinSmash]

slo_nik, Сейчас, доберусь только

[KevinSmash]

slo_nik, А нет, тут я тоже ошибся. Данные почему-то сохраняются в представлении и отображаются как будто я их изменил, но в БД уходит пустое значение, и если у меня была дата, я её изменил, то в БД она теперь просто как 0000:00:00

Вот тут делал так, Views:

[
                'label' => 'Дата начала подписки',
                'value' => function ($model, $key, $value) {
                    return  \kartik\date\DatePicker::widget([
                        'name' => 'date_subscription',
                        'model' => $model,
                        'value' => date('d-m-Y',$model->date_subscription),
                        'type' => DatePicker::TYPE_INPUT,
                        'pluginOptions' => [
                            'format' => 'yyyy-mm-dd',
                            'autoclose' => true,
                        ],
                    ]);
                },
                'contentOptions' => [
                    'onchange' => '
            var Id = $(this).parent().attr("data-key");
            var uDate = $(this).children("input").val();
            console.log(Id + " - " + uDate);
            $.ajax({
               url: "'. Url::to('/admin/clients/ajax-request') .'",
               type: "POST",
               data:{id: Id, date: uDate},
               success: function(data){
                  console.log(data)
               }
            })
        '
                ],
                'format' => 'raw',
            ],

Controllers:

public function actionAjaxRequest()
    {
        if(Yii::$app->request->isAjax){
            $newDate = Yii::$app->request->post('date');
            $uId = Yii::$app->request->post('id');
            if(($model = UserSettings::findOne(['user_id' => $uId])) != null){
                $model->date_subscription = strtotime($newDate);
                if(!$model->update(false,['date_subscription'])){
                    return 'Данные не обновились.';
                }
                else{
                    return 'Данные успешно обновились.';
                }
            }
            else{
                return 'Пользователь не найден.';

            }
        }
        return false;
    }

[Дмитрий]

KevinSmash, тип данных в базе integer(), сохранять в utc.
При валидировании даты переводить её во временную метку.

[KevinSmash]

slo_nik, Это ведь в модели настраивается? Извините за глупые вопросы

[Дмитрий]

KevinSmash, да, валидация настраивается в модели.

[KevinSmash]

slo_nik, Здесь ошибка или я сделал не все, потому что ничего не изменилось?

public function behaviors()
            {

    return [
        [
            'class' => TimestampBehavior::className(),
            'attributes' => [
                ActiveRecord::EVENT_BEFORE_INSERT => ['date_subscription'],
                ActiveRecord::EVENT_BEFORE_UPDATE => ['date_subscription'],
            ],
            // если вместо метки времени UNIX используется datetime:
            // 'value' => new Expression('NOW()'),
        ],
    ];
}

[Дмитрий]

KevinSmash, в каком виде сохраняет в базу, как тип поля в таблице?

[Дмитрий]

KevinSmash, да и не очень-то подходит TimestampBehavior для даты подписки. Вот при создании и редактировании записи подходит.

[KevinSmash]

slo_nik, Вы это имеете в виду как сохраняет?

[['date_subscription'], 'date', 'format' => 'php:Y-m-d']

А какой тогда больше подходит?

[Дмитрий]

KevinSmash, я написал, какой подходит. В первом случае у Вас в каком виде сохраняет в базе, как выглядит запись даты в базе?
И если Вы сохраняете в виде "YYYY-mm-dd", то вывод при помощи date() не будет работать.
Потому, что date() вторым параметром принимает метку времени в timestamp. Почитайте в документации php.
Поэтому, если у Вас дата приходит из базы в виде "2019-03-22", то в date() надо делать так

date('Y-m-d', strtotime($model->date_subscription));

strtotime($model->date_subscription) возвращает дату в timestamp, то что требуется для date().
Но я бы хранил дату в базе именно в timestamp, об этом я Вам писал выше.

[KevinSmash]

slo_nik, в базе даннных задан тип date, и сохраняется в формате Y-m-d

[Дмитрий]

KevinSmash, поменяйте на integer и храните в timestamp

[KevinSmash]

А как хранить в timestamp? Я только тот вариант знал, который выше указывал

[Дмитрий]

KevinSmash, в datepicker посмотрите, есть ли там настройка для конвертации даты в timestamp при сохранении в базу, если нет, то при помощи валидатора преобразуйте в timestamp

[KevinSmash]

slo_nik, Спасибо, теперь все точно получилось

[KevinSmash]

slo_nik, Здравствуйте. Сегодня обратил внимание, что data-key неверный, то есть для 5 пользователя data-key 6 и тд, для каждого, а 4 пользователю присвоился 112, из-за этого данные обновляются не у нужных клиентов. Как это исправить?