使用JQuery AJAX填充Laravel 5.5中的表

时间:2018-03-04 22:58:47

标签: php jquery laravel laravel-5.5

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

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

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

我的控制器代码

console.log

我的路线

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');

我的JQuery

    <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>

我的界面的一个例子 enter image description here

1 个答案:

答案 0 :(得分:2)

在我的情况下,当我在我的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”