Использование AJAX с GET-запросом Laravel не работает

Question

Я пытаюсь динамически загрузить @yield('somecontent.content') на мастер-макет мастера. Просто для информативности у меня есть следующее:

Контроллер

public function someFunction()
{
    //DB logic here
    return view('/exampleView')
    ->with($dataset1)
    ->with($dataset2)
    ->with($dataset3)
    ->with($dataset4);
}

Маршрут:

Route::get('someRoute', ['as' => 'theRoute', 'uses' => 'someController@someFunction']);

Функция Ajax / JQuery:

$(document).ready(function(){
 $('.ajaxClick').click(function(event){
    //event.preventDefault();
    $.ajax(
       type: 'GET',
       url: 'theRoute',
       datatype: 'json',
    success: function(data){
       console.log('AJAX loaded something');
    }, 
    error: function(){
       console.log('AJAX load did not work');
    }
    });
 });
});

Просмотр логики:

<a class="ajaxClick" data-name="{{ 
route('theRoute') }}" href="#">Testing Ajax</a>

В теге у меня изначально был маршрут, который работал бы, но обновлял страницу и не загружал без обновления.

Как это происходит, щелкните по ссылке на панели навигации и динамически загрузите маршрут Laravel в поле набора, которое выделено для представлений для загрузки с помощью @yield('somecontent').

Еще один вопрос: как бы вы реализовали это в Laravel? Если нужно что-то еще, прокомментируйте.

Thankyou!

P.S Этот пример панели инструментов - это почти то, что я хочу сделать, так как содержимое загружается сразу, без обновления страницы.

Answer 1

если вы все еще хотите использовать jQuery, вы можете использовать что-то вроде этого:

$(document).ready(function(){
    $('.ajaxClick').click(function(event){
        //event.preventDefault();
        $.ajax({
            type: 'GET',
            url: 'theRoute',
            datatype: 'json',
            success: function(data){
                $('#main-wrapper').html(data);
            }, 
            error: function(){
                console.log('AJAX load did not work');
            }
        });
    });
});

Я предлагаю вам попробовать и изучить фреймворки javascript. Ссылка, которую вы отправили, использует Angular JS, и необходимые вам функции встроены в них и называются SPA или одностраничным приложением

Неполный список JS Framework:

• Угловая
• Реагировать
• Вю