Как вставить php код в событие js?

Question

[Лев К]

Всем привет!
За основу взял форму _form.php сформированную gii.
Создал в ней кнопку с событием onclick и запросом ajax.
В success нужно создать field, как это можно сделать ?
Пробовал создать div, но не получилось запихнуть php код в div.innerHTML.
Как это можно сделать ? Или же посоветуете другой способ реализации ?

Answer 1

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

Не надо пихать php в js. Варианта всего 3:
1. При отправки ajax запроса в ответ выдавать html, который сгенерил php

return $this->renderAjax('_my_new_field',['somedata'=>$somedata]);

и этот html обрабатывать в success
2. Формировать html прямо в success. средствами jquery, что не особо сложно (с той же структурой, с которой это делает activeform)
3. Заранее на сервере создать скрытые поля, которые наполнять данными и менять видимость (а может и положение в DOM) в success

Comments

[Лев К]

Максим Тимофеев Спасибо за развернутый ответ, попробовал первым способом, вроде получилось, страница изменяется, но БД не пишет запись, которая была создана динамически. В хроме "посмотреть код страницы" ничего не меняется после выполнения запроса, а "посмотреть код" видно что добавляется элемент. В чем может быть проблема ?

И еще вопрос, как можно изменять полученный html? Дело в том, что я получаю страницу заново и просто перезаписываю ее в div body. Получается вся форма обновляется, а мне этого не нужно.

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

Лев К: _my_new_field - должен содержать только поле, которое Вы хотите обновить, либо содержать всю форму (это по желанию), ajax запрос, получает в ответ форму или полке и дальше с помощью jquery вставляется куда надо или заменяет собой что Вам надо. Кстати иногда для подобных задач удобнее использовать pjax (тут есть подробные примеры nix-tips.ru/yii2-vnikaem-v-pjax.html)

[Лев К]

Максим Тимофеев: Пробовал через pjax, форма все время обновлялась, ничего не мог с этим поделать ... Подошел 2 и 3 способ, их скомбинировал и получил желаемый результат ... Спасибо

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

Лев К: пожалуйста, отметьте решением