Как добавить функцию живого поиска в Laravel

Question

У меня есть функция поиска в Японии по почтовому индексу.Это работает на моем xampp.Я пытался добавить это в приложение Laravel, но поиск не работает.

Вот весь мой код, который работает на XAMPP.

https://jsfiddle.net/blueink/rnsftzg8/

<script type="text/javascript" src="//code.jquery.com/jquery-2.1.0.min.js"></script>
<script type="text/javascript" src="//jpostal-1006.appspot.com/jquery.jpostal.js"></script>
<script type="text/javascript">
$(window).ready( function() {
    $('#postcode').jpostal({
        postcode : [
            '#postcode1'            
        ],
        address : {
            '#address1'  : '%3',
            '#address2'  : '%4',
            '#address3'  : '%5',
            '#address1_kana'  : '%8',
            '#address2_kana'  : '%9',
            '#address3_kana'  : '%10'
        },
        trigger : {
            '#address1_kana'  : true,
            '#address2_kana'  : true,
            '#address3_kana'  : false
        }
    });

    $("#address1_kana").on("change", function() {
        var val = $("#address1_kana").val();
        val = "onchange_" + val;
        $("#address1_kana_onchange").val(val);
    });

    $("#address2_kana").on("change", function() {
        var val = $("#address2_kana").val();
        val = "onchange_" + val;
        $("#address2_kana_onchange").val(val);
    });

    $("#address3_kana").on("change", function() {
        var val = $("#address3_kana").val();
        val = "onchange_" + val;
        $("#address3_kana_onchange").val(val);
    });
});
</script>

То, что я попробовал, это ... Сначала я сохраняю все js в папку public / js, но это не сработало.Поэтому я просто сохраняю js-файл app.blade.php, который является заголовком.Затем я сохраняю HTML-код в index.blade.php.

Мне интересно, почему он работает только на xampp?Не могли бы вы научить меня, что я пропустил, пожалуйста?

Answer 1

Вы можете сделать это так (в зависимости от вашей версии Laravel, у меня 5,7):

Сначала создайте маршрут в папке «маршрутов» следующим образом:

Route::get('test', 'TestController@test')->name('test'); 

Вы сможете получить доступ к этой дороге в /test URL.

В вашем TestController.php файле (обычно в app/Http/Controllers) создайте метод:

public function test(){
    return view('test');
}

Затем в resources/views создайте файл с именемtest.blade.php

В этом файле поместите HTML-часть этой скрипки:

https://jsfiddle.net/dayLkp4s/

После этого вы можете разделить части заголовка, нижнего колонтитула, скрипта на другие части.файлы, чтобы использовать их в другом месте.

Полезные ресурсы

https://laravel.com/docs/5.7/blade