使用JQuery AJAX填充Laravel 5.5中的表

Question

我在视图中有一个填充的下拉列表，当我从列表中选择一个日期时，我想用数据库中的数据填充另一个表。

我创建了一个名为description的控制器方法，它采用了如下所示的参数，它返回了我需要的JSON格式的数据

当我手动输入url时，我得到了正确的json响应，但是当我尝试使用Ajax传递url时，它不起作用。

我的控制器代码

public function description($car,$date)

{

    $description = DB::table("histories")
        ->where('crn',$car)
        ->where("date",$date)
        ->get();
    return json_encode($description);

}

我的路线

Route::get('admin/cars/history/{car}/{date}','CarController@description');

我的看法

    <div class="container-fluid">
    <ol class="breadcrumb">
        <li><a href="{{url('admin')}}">Home</a></li>
        <li><a href="{{url('admin/cars')}}">Car</a></li>
        <li class="active">{{$car->crn}}</li>
    </ol>

    <div class="box box-success">
        <div class="panel">
            <div class="panel-heading"><h3>Car Details</h3></div>
            <div class="box-header with-border">

                <div class="form-group">
                    <label for="owner">Owner</label>
                    <p>{{$car->customer->name}}</p></div>

                <div class="form-group">
                    <label for="manufacturer">Manufacturer</label>
                    <p>{{$car->manufacturer}}</p></div>

                <div class="form-group">
                    <label for="model">Model</label>
                    <p>{{$car->model}}</p></div>

                <div class="form-group">
                    <label for="address">Last Visit</label>
                    <p>{{$lastservice->created_at->toFormattedDateString()}}</p></div>

                <div class="form-group">
                    <label for="">Select Date to view history records</label>
                    <select name="date" class="form-control" style="width:250px">
                        <option value="">--- Select Date ---</option>
                        @foreach ($history as $date => $value)
                            <option value="{{ $date }}">{{ $value }}</option>
                        @endforeach
                    </select>

                    <a href="{{url('admin/cars/')}}" class="btn btn-default">Back</a></div>

            </div>
        </div>

我的JQuery

<script type="text/javascript">
    $(document).ready(function() {
        var results = $('#results');
        $('select[name="date"]').on('change', function() {
            var $date = $('option:selected').text();

            $.ajax({

                url: 'admin/cars/history/HNH419/'+$date,
                type: "GET",
                dataType: "json",

                success:function(response){
                    alert(response);
                }})
        })
    });
</script>

我的界面的一个例子

Answer 1

在我的情况下，当我在我的ajax url前添加“localhost”时，它工作。

因为没有像“admin/cars/history/HNH419/…”那样的网址，实际上有像“localhost/admin/cars/history/HNH419/….”这样的东西

提示：手动尝试时，必须在地址栏中使用完整地址。

$.ajax({
    type:'POST',
    url: host_url+'forum/question/add',
// code continues

在我的情况下，host_url = “localhost:8000”