Javascript 在laravel 5.3中创建ajax搜索

这是视图代码

{!! Form::open(['method'=>'GET','url'=>'blog','class'=>'navbar-form navbar-left','role'=>'search']) !!}
        <div class="input-group custom-search-form">
            <input type="text" name="search" class="form-control">
            <span class="input-group-btn">
                <button type="submit" class="btn btn-default-sm">
                    <i class="fa fa-search"></i>
                </button>
            </span>
        </div>
        {!! Form::close() !!}

如何将此代码升级到ajax？

您可以使用laravel提供的，它将立即为您完成所有工作

您需要做的就是将这一行添加到模型中

use Searchable;

在控制器中，您可以执行以下操作

$orders = Blog::search($search)->orderBy('id')->paginate(6);

对于Ajax请求。。您可以使用jQuery执行此操作：

$.get( "/?search="+ $( ".query" ).text(), function( data ) {
    $( ".result" ).html( data );
    alert( "Load was performed." );
});

---

您需要为HTML中的查询文本字段分配id，这样您就可以使用jQuery检索它了

您可以向我们展示您的示例ajax调用吗？

$.get( "/?search="+ $( ".query" ).text(), function( data ) {
    $( ".result" ).html( data );
    alert( "Load was performed." );
});