2

目前我正在开发 Laravel 中的项目搜索功能,并坚持在没有任何 JS 的情况下获取干净的 GET url JS 也可以

就像当我搜索表单时将我重定向到

http://jobs.localhost/search?q=hello

但相反,我想要这个

http://jobs.localhost/search/hello

我的 web.php 是:

Route::get('search', ['as' => 'search', 'uses' => 'SearchController@search']);

形式为:

<form class="form-inline" method="GET" action="{{ action('SearchController@search') }}" id="search-form">
    <div class="col-md-5 col-sm-5 col-xs-12 nopadding">
        <div class="form-group">

            <input type="text" class="form-control" id="form-q" name="q" placeholder="Search a Job">
            <i class="icon-magnifying-glass"></i>
        </div>
    </div>

    <div class="col-md-2 col-sm-2 col-xs-12 nopadding">
        <div class="form-group form-action">
            <button type="submit" class="btn btn-default btn-search-submit">Search <i class="fa fa-angle-right"></i> </button>
        </div>
    </div>
</form>

目前在控制器中我只是打印值:

 public function search(Request $request)
 {
  echo $request['q'];  
 }

我已经检查了 JS 或 POST 的多个解决方案,但没有一个对我有用这是我正在寻找的最终输出: http://jobs.localhost/search/hello

谢谢。

4

2 回答 2

2

你想要的是路由参数。你可以在这里找到更多信息。

您可能(并且将会)遇到的一个问题是表单的路由是在 php(服务器端)中确定的,但搜索参数被确定为输入。如果您不想要任何 javascript,我相信如果不重新路由,这是不可能的。

于 2017-12-24T11:23:33.040 回答
2

将路线更改为:

Route::get('search/{search}', ['as' => 'search', 'uses' => 'SearchController@search']);

和控制器:

public function search(Request $request, $search)
{
    echo $search;  
}

然后你就可以用 jQuery 做这样的事情了:

$('#search-form').on('submit', function(e) {
    e.preventDefault();
    var search = $('#form-q').val();
    window.location('/search/' + search);
})
于 2017-12-24T11:54:54.557 回答