Question

我具有日本邮政邮政编码实时搜索功能。它适用于我的xampp。我试图将其添加到Laravel应用程序中，但搜索不起作用。

这是我在XAMPP上可用的全部代码。

<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）：

首先，在“ routes”文件夹中创建一条路由，如下所示：

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

如何在Laravel中添加实时搜索功能

1 个答案: