Как вернуть контроллером в вид обработанные данные после ajax запроса?

Question

[Creed1234]

Я новичок в программировании, прошу помощи:

Создаю интернет-магазин, в его функционале пытаюсь реализовать возможность фильтрации.
Алгоритм следующий:
- имеется вывод товаров на страницу view по категориям, у каждого товара есть бренд. Список брендов выводимых товаров высвечивается рядом, после нажатия на который, информация об этом бренде отправляется ajax get в controller/action. После принятия данных, я формирую новый список товаров и хочу render'ить его существующий вид view БЕЗ перезагрузки страницы. Только область выводимых товаров.

Не пойму, как это реализовать.

Comments

[Tendor]

Можно, например, в ajax запросе вернуть html в котором выводится список товаров и заменить его $('.product-container').html(response.html);

[Creed1234]

Tendor, это я почти понимаю. Но в самом контроллере необходимо

return $newProducts
а в js после выполнения ajas

success: function (res) {
$('.product-container').html(res);

???

[Tendor]

Creed1234, почти, только тут (return $newProducts) должна быть вюшка (view) в которой отрендерятся новые товары. B return тут не достаточно, нужно передать необходимые заголовки для ответа.
Какой фрейворк, движок на бекенде или самописный?

[Creed1234]

Tendor, Yii2.

Вот с пониманием вьюшки и проблемма. Страница отображается category/view, которая рендерит все в view.
Ajax передает данные в category/brand. Вот тут то и непонятки. Что должен делать экшион brand с новыми данными, чтобы они попали в .product-container во вьюхе viev ?

[Creed1234]

public function actionView($category_id)
    {
$category_id = (int)$category_id;
$productsToCategory = (new Product())->getQueryProductsToCategory($category_id);
return $this->render('view', compact('productsToCategory'));

$('.test').on('click', function () {
	let selectBrand = document.querySelector('.select').value,
		//тут получаю id категории и brand
	$.ajax({
		url:'/category/brand',
		data: {brand: brand, id: id},
		type: 'GET',
		success: function (res) {
			if(!res) alert('Ошибка фильтра бренда');
//что тут делать я не знаю

		},
		error: function () {
			alert('Error');
		}
	});
	return false;
});

public function actionBrand() 
{
        $brand = Yii::$app->request->get('brand');
        $category_id = Yii::$app->request->get('id');
//тут формирую новый список товаров, а как вернуть во view не знаю =(

view

<div id="myTabContent" class="tab-content">
                                <?php foreach ($renderProducts as $product) :?>
 <div class="grid-img">
 <img src="<?= Url::to(["@web/product_img/{$product->img}", ['alt' => $product->name ] ]) ?>" class="img-responsive">
  </div>
</div>

[Tendor]

return $this->asJson(['html' => $this->render('view', compact('newProducts')));
кажется на Yii2 так можно

[Tendor]

Tendor, только тут стандартная вюшка метода. Вам нужно сделать отельную вьюшку для блока товаров

<div class="products">
<?php foreach($newProducts as $product): ?>
...
<?php endforeach; ?> 
</div>

А на фронте вставлять этот блок в контейнер с id=myTabContent

[Creed1234]

Tendor, А данные о новых товарах в контролере:

return $this->asJson(['html' => $this->render('отдельная вьюшка', compact('newProducts')));

и в js после ajax?
$('#id отдельной вьюшки').html(res)

Извините за, возможно, глупые вопросы =)

[Creed1234]

Разобрался! Получилось чутка не так, как Вы подсказывали, но Ваши советы привели к решению! Спасибо Вам большое!

[Владимир Привалов]

Tendor в некоторых кругах поговаривают что тех кто используют compact() планируется ссылать в Сибирь на каторгу))) сорри за офтоп)

[Tendor]

Владимир Привалов, сори не дружу с Yii2, взял пример из доки Yii2, что бы объяснить нагляднее.

Answer 1

[Андрей Шевкалюк]

Ответ на ваш вопрос можно найти по этой ссылке

Воспользуйтесь коллбэком
done(data)