Вывод статей без перезагрузки laravel+ ajax ошибка в web.php

@Kazer · Регистрация: 03.02.2018

Author24 — интернет-сервис помощи студентам

Вывод статей без перезагрузки laravel+ ajax ошибка в web.php

я получаю вот такую вот ошибку ( на скрине )
и всегда срабатывает server not responding

запрос в app.js

JavaScript    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
var page = 1;
  $(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() >= $(document).height()) {
  page++;
  loadMoreData(page);
  }
  });
  function loadMoreData(page){
    alert();
  $.ajax(
 
  {
 
  url: '?page=' + page,
  type: "get",
  datatype: "html",
 
  beforeSend: function()
  {
     alert();
  $('.ajax-load').show();
  }
  })
  .done(function(data)
  {
  if(data.html == " "){
  $('.ajax-load').html("No more records found");
  return;
  }
  $('.ajax-load').hide();
  $("#post-data").append(data.html);
  })
  .fail(function(jqXHR, ajaxOptions, thrownError)
  {
   alert('server not responding...');
  });
  }

web.php

PHP    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
Route::any('/search',function(Request $request){
    $q = Input::get ( 'q' );
    $article_found = Article::where('meta_keyword','LIKE','%'.$q.'%')->paginate(4);
    if ($request->ajax()) {
      $view = view('data',compact('article_found'))->render();
      return response()->json(['html'=>$view]);
    }
        return view('blog.search')->withDetails($article_found)->with('details',$article_found)->withQuery ( $q );
});

search.blade.php

PHP    
        
            
                
                
                
                
            
        
    Скопировано
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
   @extends('layouts.app')
 
    @section('content')
 
    @if(isset($details))
 
    <div class="container news-row">
        <div class="row news-small-row">
            @forelse ($details as $article_found)
                <div class="col-lg-3">
                    <?php echo $article_found->title ?>
                </div>
 
            @empty
                <h2 class="text-center">Empty</h2>
            @endforelse
        </div>
        <!-- <div class="pagination-container">
          <ul class="pagination">
            {{$details->links()}}
          </ul>
        </div> -->
 
    </div>
    <div class="ajax-load text-center" style="display:none">
    <p>Loading...</p>
    </div>
@else
  <h3 >Empty</h3>
@endif
 
@endsection

@tarasalk · 07.04.2020, 19:05

Видимо у вас нет шаблона с именем "data".

Рекомендации:
1) Возвращать html это очень плохая практика. Если хочется крутой интерфейс, лучше изучите vue.js, там будет очень просто подменять данные в шаблоне из json ответа.
2) Код тяжелее читается когда в одну кучу сваливают обычный и ajax запрос. Можно сделать два отдельных обработчика.
3) Обработчик маршрута нужно выносить в контроллер.

Новые блоги и статьи Все статьи Все блоги /
Похоже LM превзошла меня в умении манипулирования аргументами, но это надо проверить. Линейное решение нелинейной задачи. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она првзошла меня в умении манипуляций аргументами. Assistant qwen2. 5-14b-instruct . Сначала. . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .	Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .
Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .	Реализации таймеров в Unity GameUnited 09.04.2025 Время — важный ресурс любой игры. Разработка качественных игровых механик невозможна без грамотного управления временем, а таймеры выступают ключевым инструментом этого управления. Представьте себе. . .	Функции высшего порядка в JavaScript run.dev 09.04.2025 Функции высшего порядка представляют собой один из фундаментальных камней функционального программирования в JavaScript. По сути, это функции, которые либо принимают другие функции в качестве. . .

@tarasalk 1992 / 1216 / 440 Регистрация: 13.06.2013 Сообщений: 4,115
	07.04.2020, 19:05
	Видимо у вас нет шаблона с именем "data". Рекомендации: 1) Возвращать html это очень плохая практика. Если хочется крутой интерфейс, лучше изучите vue.js, там будет очень просто подменять данные в шаблоне из json ответа. 2) Код тяжелее читается когда в одну кучу сваливают обычный и ajax запрос. Можно сделать два отдельных обработчика. 3) Обработчик маршрута нужно выносить в контроллер. 1