在Laravel中使用jquery的ajax请求检索数据

MD40

我正在尝试在laravel中使用jquery ajax请求检索数据。我总是应要求得到500个内部服务器错误。从选择中选择GRN时,我想自动加载表格中的其他字段。任何摆脱该错误的帮助。我的代码如下。

视图-analysis.blade.php

<div class="col-md-6 analysis-table">
        <div class="description-table-1">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <u><h5>Supply - 01</h5></u>
            <table id="grn_for_MC">
                <tr>
                    <td width="40%">GRN</td>
                    <td>
                        <select name="grn-one" id="grn-one" class="input-sm dynamic" data-dependant="new-supply-data">
                            <option value="">Select GRN</option>
                            @foreach($grn_list as $grn_lists)
                            <option value="{{$grn_lists->id}}">{{$grn_lists->grn_no}}</option>
                            @endforeach
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Supply Date</td>
                    <td id="load-supply-date">14/02/2020</td>
                </tr>
                <tr>
                    <td>Supplier Name</td>
                    <td id="load-supplier">Mahesh Lowe</td>
                </tr>
                <tr>
                    <td>Quantity Supplied</td>
                    <td id="load-qty">10000.00kg</td>
                </tr>
                <tr>
                    <td>No of Bags</td>
                    <td id="load-no-of-bags">20</td>
                </tr>
            </table>
        </div>
    </div>

我的脚本在下面.....

<script>
$(document).ready(function(){
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
        }
    });
    $('select#grn-one').on('change',function(e){
        e.preventDefault();
        var selected_grn_id = $(this).children("option:selected").val();

        console.log(selected_grn_id);
        $.ajax({
            url:"/getGrnData/" + selected_grn_id,
            method: 'get',
            // data: {id:selected_grn_id},
            dataType: 'json',
            success: function(){
                console.log('Request Send');
            }
        });

    });
});

TestController.php

public function ajax_show($id)
{
    if(Request::ajax()){
        $grnId = Input::get("id");
        return Response::json('Success',$grnId);
    }
}

VeryfyCsrfToken.php

protected function tokensMatch($request){
    $token = $request->ajax() ? $request->header('X-CSRF-Token') : $request->input('_token');
    return $request->session()->token() == $token;
}

路线....

Route::get('/getGrnData/{id}','TestController@ajax_show');
MD40

最后,我找到了问题的答案。视图不变。TestController.php和脚本已更改。我刚刚删除了TestController函数中的Ajax验证,只是从函数返回了json响应。然后从ajax捕获它,数据将发送到请求的脚本。

TestController.php

public function show($id)
{
    $loadData = DB::table('summery')->where('id',$id)->get();
    return response()->json($loadData);
}

脚本...

<script>
$(document).ready(function(){
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
        }
    });
    $('select#grn-one').on('change',function(e){
        var selected_grn_id = $(this).children("option:selected").val();
        $.ajax({
            type:"GET",
            dataType:"json",
            url:'/getGrnData/'+selected_grn_id,
            success:function(response){
                console.log(response);
            }
        })
    });

});

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在jQuery Ajax请求中使用POST而不是GET检索数据是否有任何不利之处?

如何在 Laravel 中使用 ajax 请求插入 sessionStorage 数据?

在Javascript中使用Ajax检索JSON数据

在 Laravel 5.6 中使用 hasOne 检索数据

我无法从Laravel中的请求AJAX检索数据

jQuery ajax获取对php的请求,未检索任何数据

使用 JQuery/Ajax 从 API 检索数据

使用Node.js通过AJAX请求从Redis检索数据

如何在Laravel中使用jQuery ajax请求自动添加X-CSRF-TOKEN

在Node.js中使用Jquery Ajax请求从数据库中删除

如何使用 HTTP 请求从 Laravel API 检索数据?

Laravel我无法使用with检索请求者数据

如何使用jQuery从http请求中检索特定的json数据

在Codeigniter中使用Ajax插入和检索数组数据

在Laravel中使用Ajax / jQuery从数据库中获取数据

在 Laravel 中使用 Ajax 显示数据

在Laravel中使用Ajax实时获取数据

Laravel,无法检索AJAX数据

如何在Laravel中使用关系检索数据

使用请求检索 API 数据

使用从存在于另一个文件中的 ajax 请求中检索到的数据,然后在本地函数中使用

无法在Laravel中使用Ajax请求提交模态表单

Java中使用Ajax请求的多个数据

在另一个Ajax请求中使用数据

如何向 REST 控制器发出请求并使用 ajax 和 jquery 在我的 JSP 中使用数据?

如何使用Jquery和Ajax从JSON文件检索数据?

如何在Laravel中使用jQuery Ajax保存多个表单数据?

我的单选按钮无法在 laravel 8 中使用 ajax jquery 自动保存数据

在while循环中使用jQuery AJAX请求