获取错误信息；加载资源失败：服务器响应状态为 500

我正在创建一个应用程序，我注意到当我尝试在我的工作中包含 ajax 代码时它不起作用......并且这个相同的代码适用于视频教程我正在学习它发生在两个不同的视频教程中我得到任何与 ajax 相关的东西......及其令人沮丧的安静......这是我下面的代码。

<div class="row">
    <div class="col-lg-12">
        <div class="panel panel-default">
            <div class="panel-heading">
                <div class="col-lg-10 col-md-10 col-sm-8 col-xs-6">
                    <div class="row">
                        <h3 class="panel-title">Book List</h3>
                    </div>
                </div>
                <div class="col-lg-2 col-md-2 col-sm-4 col-xs-6">
                    <div class="row" align="right">

                    </div>
                </div>
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="col-sm-12 table-responsive">
<table id="book-table" class="table table-bordered table-striped table-hover">
                            <thead>
                                <tr>
                                    <th>ID</th>
                                    <th>Book Title</th>
                                    <th>Book Price</th>
                                    <th>Book Author</th>
                                    <th>Rating</th>
                                    <th>Publisher</th>
                                </tr>
                            </thead>
                            <tbody>

                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    $(document).ready(function(){ 
        $('#book-table').DataTable({
            "ajax":{
                url: "<?php echo site_url("books/books_page") ?>",
                type: 'GET'
            },
        });
    });
</script>

这是错误我尝试使用谷歌浏览器开发人员工具检查它