尝试使用 Laravel、jQuery、AJAX 从 API 获取数据

Question

这是我第一次尝试设置 API 来使用 AJAX 获取数据。

1) 我有这是我的 web.php 文件

Route::get('/api/times', 'PageController@returnTimes');

2) 我的控制器中有这个：

public function returnTimes(Request $request)
{
    if ($request->has('date') === true && empty($request->has('date')) === false) {
        //$date = filter_input(INPUT_GET, 'date');
        $date = $request->input('date');
        $result = DB::select('select * from appointments where day = :date', ['date' => $date]);
        $eight_to_nine = $result['8AM_9AM'];
        $nine_to_ten = $result['9AM_10AM'];
        $ten_to_eleven = $result['10AM_11AM'];
        $eleven_to_twelve = $result['11AM_12PM'];
        $twelve_to_one = $result['12PM_1PM'];
        $one_to_two = $result['1PM_2PM'];
        $two_to_three = $result['2PM_3PM'];
        $three_to_four = $result['3PM_4PM'];
        $four_to_five = $result['4PM_5PM'];
        $five_to_six = $result['5PM_6PM'];
        $six_to_seven = $result['6PM_7PM'];
        if ($eight_to_nine != 1) {
            echo "<option value='8AM_9AM'>8:00AM - 9:00AM</option>";
        }
        if ($nine_to_ten != 1) {
            echo "<option value='9AM_10AM'>9:00AM - 10:00AM</option>";
        }
        if ($ten_to_eleven != 1) {
            echo "<option value='10AM_11AM'>10:00AM - 11:00AM</option>";
        }
        if ($eleven_to_twelve != 1) {
            echo "<option value='11AM_12PM'>11:00AM - 12:00PM</option>";
        }
        if ($twelve_to_one != 1) {
            echo "<option value='12PM_1PM'>12:00PM - 1:00PM</option>";
        }
        if ($one_to_two != 1) {
            echo "<option value='1PM_2PM'>1:00PM - 2:00PM</option>";
        }
        if ($two_to_three != 1) {
            echo "<option value='2PM_3PM'>2:00PM - 3:00PM</option>";
        }
        if ($three_to_four != 1) {
            echo "<option value='3PM_4PM'>3:00PM - 4:00PM</option>";
        }
        if ($four_to_five != 1) {
            echo "<option value='4PM_5PM'>4:00PM - 5:00PM</option>";
        }
        if ($five_to_six != 1) {
            echo "<option value='5PM_6PM'>5:00PM - 6:00PM</option>";
        }
        if ($six_to_seven != 1) {
            echo "<option value='6PM_7PM'>6:00PM - 7:00PM</option>";
        }
    }
}

3) 我认为：

$('.date').change(function () {
    var date = $('.date').val();
    $('#date_summary').html(date);
    if (date == "") {
        $('#date_summary').html('Choose your service date...');
    } else if ($.trim(date) !== '') {
        $.get('/api/times', {
            date: date
        }, function (data) {
            //we send a get by $_GET['date'] with value of date
            var data = data.toString();
            $('#date_data').html(data);
            //these are all options, a list
        });
    }
});

$('.calendar').trigger('change');

当我尝试点击“端点”时，

这是在控制台中返回的。

http://127.0.0.1:8000/api/times?date=2019-11-20500（内部服务器 错误）

谁能告诉我我做错了什么？任何帮助表示赞赏。谢谢。

Answer 1

您没有在 ajax 请求中传递 csrf 令牌

在请求中传递这样的令牌

$.get('/api/times', {
            data:{'date':date,"_token": "{{ csrf_token() }}" },
        }, function (data) {
            //we send a get by $_GET['date'] with value of date
            var data = data.toString();
            $('#date_data').html(data);
            //these are all options, a list
        });

Answer 2

我用$db = DB::connection()->getPdo();

我所有的代码都是这样的：

if (isset($_GET['date']) === true && empty($_GET['date']) === false) {
            $date = $_GET['date'];
            $db = DB::connection()->getPdo();
            $query = "select * from appointments where Day = :date";
            $statement = $db->prepare($query);
            $statement->bindValue(':date', $date);
            $statement->execute();
            $result = $statement->fetch();
            $statement->closeCursor();
            $eight_to_nine = $result['8AM_9AM'];
            $nine_to_ten = $result['9AM_10AM'];
            $ten_to_eleven = $result['10AM_11AM'];
            $eleven_to_twelve = $result['11AM_12PM'];
            $twelve_to_one = $result['12PM_1PM'];
            $one_to_two = $result['1PM_2PM'];
            $two_to_three = $result['2PM_3PM'];
            $three_to_four = $result['3PM_4PM'];
            $four_to_five = $result['4PM_5PM'];
            $five_to_six = $result['5PM_6PM'];
            $six_to_seven = $result['6PM_7PM'];
            if($eight_to_nine != 1){
                echo "<option value='8AM_9AM'>8:00AM - 9:00AM</option>";
            }
            if($nine_to_ten != 1){
                echo "<option value='9AM_10AM'>9:00AM - 10:00AM</option>";
            }
            if($ten_to_eleven != 1){
                echo "<option value='10AM_11AM'>10:00AM - 11:00AM</option>";
            }
            if($eleven_to_twelve != 1){
                echo "<option value='11AM_12PM'>11:00AM - 12:00PM</option>";
            }
            if($twelve_to_one != 1){
                echo "<option value='12PM_1PM'>12:00PM - 1:00PM</option>";
            }
            if($one_to_two != 1){
                echo "<option value='1PM_2PM'>1:00PM - 2:00PM</option>";
            }
            if($two_to_three != 1){
                echo "<option value='2PM_3PM'>2:00PM - 3:00PM</option>";
            }       
            if($three_to_four != 1){
                echo "<option value='3PM_4PM'>3:00PM - 4:00PM</option>";
            } 
            if($four_to_five != 1){
                echo "<option value='4PM_5PM'>4:00PM - 5:00PM</option>";
            }
            if($five_to_six != 1){
                echo "<option value='5PM_6PM'>5:00PM - 6:00PM</option>";
            }
            if($six_to_seven != 1){
                echo "<option value='6PM_7PM'>6:00PM - 7:00PM</option>";
            }
        }

如果有人能指出我正确的方向，我会更喜欢 Eloquent 的方式（和现代的？）来代替。我只想了解最新的最佳做法。