Почему данные от сервера приходят не в формате json?

Question

[Лев К]

Всем привет.
Отправляю данные модальной формы на сервер таким образом :

$('body').on('submit', '.modal-form', function (e) {
        e.preventDefault();
        var form = $(this);
        $.ajax({
            url: '" . Url::to(['submitmodal']) . "',
            type: 'POST',
            data: form.serialize(),
            success: function (result) {
                setTimeout(function() { $('#my-modal').modal('hide');}, 500);
                var id = result.id;
                var type = result.type;
                $('#dropDownList-types').append('<option value='+id+'>'+type+'</option>');
            },
            error: function () {
                alert('error in ajax modal submit');
            }
        });
    });

Контроллер

public function actionSubmitmodal() 
    {
        $model = new Typecostauto();
        Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
        if ($model->load(Yii::$app->request->post())) {
            if ($model->save()) {
                return ['id' => $model->id, 'type' => $model->Type];
            }
            else 
                return ['id' => 'fail'];
        }
        else 
        return $this->renderPartial('modal', [
            'model' => $model,
        ]);
    }

В контроллере я указал что хочу отправить данные JSON, а если dataType: 'json' то ничего не работает.

Answer 1

[Максим Тимофеев]

1. Почему renderPartial, а не renderAjax?
2. Что бы засунуть Ваш рендер в json, надо сделать так:

Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
$myvar = $this->renderAjax('modal', [
            'model' => $model,
        ]);
return yii\helpers\Json::encode($myvar);

и смотреть debug на наличие ошибок, если не сработает

Comments

[Лев К]

Максим Тимофеев В данном случае на renderPartial не нужно обращать внимание, потому что данные отправляются вот здесь
if ($model->save()) {
return ['id' => $model->id, 'type' => $model->Type];
}
Здесь не нужен ни какой render, просто отправить 2 значения. Этот render нужен на всякий случай, вдруг ошибка, чтобы заново подгрузил модальное окно.

[Максим Тимофеев]

Лев К: Вы уверены, что срабатывает именно там? Что Вы вообще получаете в ответ? Массив?

[Лев К]

Максим Тимофеев В ответ я получаю error (в нем alert)
Вот это срабатывает без проблем :
$.ajax({
url: '" . Url::to(['typecost']) . "',
type: 'POST',
dataType: 'json',
success: function(data) {
alert(data.typeArr);
},
});

public function actionTypecost() {
if (Yii::$app->request->isAjax) {
$type = Typecostauto::find()->all();
$typeArr = ArrayHelper::map($type, 'id', 'Type');
Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
return [
'typeArr' => $typeArr,
];
}
}

Но так не работает :
$.ajax({
url: '" . Url::to(['submitmodal']) . "',
type: 'POST',
data: form.serialize(),
dataType: 'json', //если это убрать то работает
success: function (result) {
setTimeout(function() { $('#my-modal').modal('hide');}, 500);
var id = result.id;
var type = result.type;
alert(id+' '+type);
},
error: function () {
alert('error in ajax modal submit');
}
});

public function actionSubmitmodal()
{
$model = new Typecostauto();
Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;
if ($model->load(Yii::$app->request->post())) {
if ($model->save()) {
return ['id' => $model->id, 'type' => $model->Type];
}
}
}

[Кирилл Арутюнов]

Лев К: смотрите вкладку network в дебаг панели, ищите запрос аджаксовый, изучайте его заголовки и ответ. Проверьте, что данные с сервера приходят именно в Json.

[Лев К]

Кирилл Арутюнов: что за панель такая интересная ? мозила - исследовать элемент, нет такой вкладки (network)

[Кирилл Арутюнов]

Лев К: Сеть/Network. Не знаю как она в Mozilla называется, у меня в хроме это Network. Панель разработчика вызывается через F12 в обоих браузерах.

[Максим Тимофеев]

Кирилл Арутюнов: Выложите ошибки из консоли браузера, ошибки из debug панели yii и ответ сервера (что там приходит в результате ajax запроса), а то гадаем на кофейной гуще.

Answer 2

[Кирилл Арутюнов]

Внутри $.ajax укажите dataType: 'json'

Comments

[Лев К]

Кирилл Арутюнов если так указать то происходит ошибка ... хотя в контроллере указываю что отправляю json. По сути все работает, хочу просто разобраться почему отправляю json, а получаю не json

[Максим Тимофеев]

Лев К: Вы хоть 1 ошибку выложите, по ним же понятно будет в чем дело.