javascript - 使用 Ajax 的 Laravel 4 搜索查询

Question

我正在尝试为用户提供一个搜索选项，以便在不重新加载页面的情况下填写和搜索多个表格以查找订单、佣金等。以前从未使用过 AJAX，所以如果有人能指出我哪里出错或帮助我完成这项工作，将不胜感激!现在，当我点击提交按钮时，除了收到 500(内部服务器错误)消息外，什么也没有发生。

这是我的 View (主页):

 <div class="large-6 columns">
{{Form::open( array('route' => 'search', 'method' => 'post', 'id' => 'search_form'))}}      

        {{ Form::select('search_table',
                array(
                    'select'        => 'Search...',
                    'commissions'   => 'Search commissions',
                    'estimates'     => 'Search estimates',
                    'orders'        => 'Search orders',
                    'warranties'    => 'Search warranties',
        ), null, array('id' => 'search_table')) }}

        <div class="search_box" id="search_column_div">
            <!-- Search_column select goes here -->
        </div>

        <div id="search_input_div">
            <!-- Search_input text field goes here -->
        </div>

{{ Form::submit('Search', array('id' => 'search_button','class' => 'button expand radius search_button no_display'))}}
    {{ Form::close() }}
    </div>
    <div id="search_results_div">
    </div>
</div>

因为搜索有很多变量，但我不想让它占用很多空间，所以我让 JS 根据他们之前的选择插入查询的下一部分。因此，他们将从能够选择要搜索的表开始，然后是一列，然后他们将有一个输入字段来写下他们正在搜索的内容。

JS(我的问题可能出在这里):

$(document).ready(function($){
    $('#search_form').on('submit', function(){
        $.post(
            $(this).prop('action'),{
                "search_table":     $('#search_table').val(),
                "search_column":    $('#search_column').val(),
                "search_input":     $('#search_input').val(),
            },
            function(data){
                $('#search_results_div').html(data);
            },
            'json'
        );
        return false;
        });
});

Controller :

 public function searchPost(){
        $search_table   = Input::get('search_table');
        $search_column  = Input::get('search_column');
        $search_input   = Input::get('search_input');

        $search = DB::table($search_table)->where($search_column, 'LIKE', "%{$search_input}%")->get();
        return $search;
    }

路线:

/*Search Page for Ajax*/
Route::post('/search', array(
    'as'    => 'search',
    'uses'  => 'HomeController@searchPost'
));

再次感谢您的宝贵时间和帮助!请随时提出最佳实践建议!

Answer 1

好吧，一开始，您并没有说明问题出在哪里，只是看一下代码，您将 HomeController@searchPost 设置为 post 方法的操作，但您的搜索方法实际上是 HomeController@search。

您还使用了错误的变量。您将 search_table、search_column 和 search_input 作为 Javascript 中的键传递，但您正在尝试读取 table_searched、column_searched 和 input_searched - 所以所有这些变量在您的服务器端代码中始终为 null。

您的$search 查询也将始终失败。 '%LIKE%' 不是有效的 SQL - % 需要绕过搜索词。你真正想要的是:

$search = DB::table($search_table)->where($search_column, 'LIKE', "%{$search_input}%")->get();

尝试解决所有这些问题，看看它是否能解决您的问题:)