Как подгрузить комментарии в Laravel ajax?

Question

[Максим]

Как правильно подгрузить комментарии через ajax?

отправляю запрос и формирую комментарии, но как вернуть сами комментарии и например поле countComments, чтобы контроллер отдавал например вот так

comments: {},
total,
...

public function more(Request $request,$content,$type,$tale){
        if ($request->ajax()){
            $query = Comment::where('content_id', $content)->where('type', '=', $type)->where('parent','=',0)->orderBy('id', 'desc')->skip($tale);
            $comments = $query->take(2)->get();
            $countComments = $query->get()->count(); //Всего комментариев

            foreach ($comments as $comment) {
                $moreChildrens = 0; //Всего дочерних комментариев
                $getChildrens = 6; //По сколько подгружаем
                $queryChildrens = Comment::where('parent','=', $comment->id);
                $childrens = $queryChildrens->take(6)->get();
                $count = $queryChildrens->count();
                if ($count <= 6){ //Если количество оставшихся комментариев меньше либо равно общему количеству
                    $moreChildrens = 0;
                    $getChildrens = 0;
                }else{
                    $moreChildrens = $count - 6; //Присваем переменной количество оставшихся комментариев
                    if ($moreChildrens <= $getChildrens) $getChildrens = $moreChildrens; //Запись вида - показать $getChildrens из $moreChildrens
                }
                $comment->childrens = $childrens;
                $comment->more_childrens = $moreChildrens;
                $comment->get_childrens = $getChildrens;

            }
            
        }
    }

Comments

[Александр Шведов]

return response()->json(['comments'=>'Сюда запихни все данные','total'=>$totalComent],200);
Это ты возвращаешься в json axios fetch спокойно поймет это

Answer 1

[jazzus]

return CommentResource::collection($comments);
total в комплекте, взято отсюда

Comments

[Максим]

а как мне вернуть view? то есть мне нужно аяксом выгрузить уже готовые комменты типо return view('comments', $comments) и количество total
как на сайте fishki (в таком духе)

[jazzus]

Максим, когда ты страницу загружашь тебе возвращается view, затем твой js скрипт делает аякс запрос на сервер, который тебе возвращает комментарии в виде json и там уже будет мета инфа с тотал. Здесь нужно 2 контроллера/метода. Один будет возвращать view другой json Laravel Resource. Не нужно все совать в один метод иначе потом устанешь это разгребать.

[Максим]

jazzus, не много не понял, схема такая когда открываем страницу, подгружаются вот так



при клике на подгрузить, нужно вывести комментарии

[jazzus]

Максим, так грузи их аяксом. Делай запрос на сервер. К отдельному контроллеру/методу. Который тебе вернет Resource. Код я тебе написал. Как делать аякс запросы это уже в другую ветку

[Максим]

jazzus, а в методе делать return view (comments, compact[$commnets]) ?

[jazzus]

Максим, комментарии передавать не нужно т.к. ты их фетчить будешь аяксом. Один метод контроллера возвращает вьюху, второй - комментарии в виде json.

[Максим]

jazzus, как-то тяжело и не понятно

[jazzus]

Максим, cоздаешь 2 контроллера CommentController и Api\CommentController

В первом возвращаешь вьюху без комментариев

public function index()
{
  $data =[];
  return view('comments', compact('data'));
}

Во втором возвращаешь комментарии в виде Laravel Resource

public function index()
{
  $comments = Comment::get();
  return CommentResource::collection($comments);
}

Обращаешься к нему с помощью аякс из своего скрипта

[Максим]

jazzus, подскажите пожалуйста, а как связаны между собой эти два контроллера? чтобы понять принцип работы

[jazzus]

Максим, они никак не связаны. Первый контроллер принимает http запрос и возвращает вьюху-шаблон без комментариев. Это когда ты переходишь по урлу на сайте. Далее тебе нужны комментарии. И нужны они твоему js скрипту т.к. тебе нужна подгрузка, лайки и счетчики без перезагрузки страницы. Поэтому ты делаешь аякс запрос ко второму контроллеру, который возвращает тебе комментарии, которые ты уже крутишь в цикле внутри js скрипта и проводишь с ними js операции о чем вьюха не догадывается.

[Максим]

jazzus, сейчас мне возвращается вот так

теперь делать запрос к первому в цикле в js и передавать туда данные из json?

[jazzus]

Максим, получил комментарии - работай с ними. зачем тебе что-то куда-то передавать?

[Максим]

jazzus, я получаю данные из базы, а хотелось бы html как здесь

[Максим]

jazzus, сейчас у меня котроллер отдает вот так:
а можно передавать два параметра?

public function more(Request $request,$content,$type,$tale){
        if ($request->ajax()){
            $comArray = array();
            $moreComments = 0;
            $query = Comment::where('content_id', $content)->where('type', '=', $type)->where('parent','=',0)->orderBy('id', 'desc')->skip($tale);
            $comments = $query->take(2)->get();
            $countComments = $query->get()->count(); //Всего комментариев
            $getComments = 2; //По сколько подгружаем
            if ($countComments <= 2){ //Если количество оставшихся комменариев меньше либо равно общему количеству
                $moreComments = 0;
                $getComments = 0;
            }else{
                $moreComments = $countComments - 2; //Присваем переменно количество оставшихя комментариев
                if ($moreComments <= $getComments) $getComments = $moreComments; //Запись вида - показать $getChildrens из $moreChildrens
            }



            foreach ($comments as $comment) {
                $moreChildrens = 0; //Всего дочерних комментариев
                $getChildrens = 6; //По сколько подгружаем
                $queryChildrens = Comment::where('parent','=', $comment->id);
                $childrens = $queryChildrens->take(6)->get();
                $count = $queryChildrens->count();
                if ($count <= 6){ //Если количество оставшихся комменариев меньше либо равно общему количеству
                    $moreChildrens = 0;
                    $getChildrens = 0;
                }else{
                    $moreChildrens = $count - 6; //Присваем переменно количество оставшихя комментариев
                    if ($moreChildrens <= $getChildrens) $getChildrens = $moreChildrens; //Запись вида - показать $getChildrens из $moreChildrens
                }
                $comment->childrens = $childrens;
                $comment->more_childrens = $moreChildrens;
                $comment->get_childrens = $getChildrens;
            }

            return new CommentCollection($comments, $moreComments);
        }
    }

[jazzus]

Максим, я уже написал что делать и ответил на твой вопрос по теме. Для новых вопросов выше есть зеленая кнопка.