数据库未在Json Ajax中显示数据

这是我的视图文件

Book.cshtml

script部分。问题是它无法从数据库中获取数据。 相反，它给出了一个错误：

警报（“失败！请重试”）

如果我截断数据库中的数据，它只显示标题“图书ID”“图书名称”“图书序列号”“图书作者”“图书出版商名称”

$（文档）.ready（函数（）{
//这是用于获取所有数据的
$（“#btnAllBook”）。单击（函数（）{
$.ajax({
url:“@url.Action”（“GetAllBook”，“Books”）”，
数据：“，
键入：“获取”，
数据类型：“json”，
成功：功能（数据）
{
装载数据（数据）；
},
错误：函数（）{
警报（“失败！请重试”）；
}
});
});
//这将用于根据参数获取数据
$（“#BTN搜索”）。单击（函数（）{
$.ajax({
url:“@url.Action（“GetBookWithParameter”，“Books”）”，
数据：{前缀：$（'#txtSearch'）.val（）}，
键入：“获取”，
数据类型：“json”，
成功：功能（数据）{
装载数据（数据）；
},
错误：函数（）{
警报（“失败！请重试”）；
}
});
});
函数loadData（数据）{
//这里我们将格式化并加载/显示数据
变量选项卡=$（''）；
变量thead=$（''）；
thead.append（'Book ID'）；
thead.append（‘书名’）；
附加（‘图书序列号’）；
thead.append（‘图书作者’）；
thead.append（“图书出版商”）；
附页（thead）；
$。每个（数据、函数（i、val）{
//在此追加数据库数据
var trow=$（''）；
trow.append（“”+val.BookID+“”）；
trow.append（“”+val.BookName+“”）；
trow.append（“”+val.BookSerialNumber+“”）；
trow.append（“”+val.BookAuther+“”）；
trow.append（“”+val.BookPublisher+“”）；
附页（trow）；
});
$（“tr:odd”，tab）.css（'background-color'，'#c4'）；
$（“#UpdatePanel”）.html（制表符）；
};
});

查看上的文档，调用回调错误是因为请求失败。然后，我建议您检查url

@url.Action（“GetAllBook”、“Books”）

是否返回正确的url字符串，可能您正在尝试请求一个不存在的url

---

另一点，关于GET请求，我建议您检查浏览器中的打开情况，如果您试图返回数据的URL正在返回您需要附加到HTML的JSON数据。

我收到的错误是jquery-1.10.2.js:8720 GET 404（未找到）send@jquery-1.10.2.js:8720 ajax@jquery-1.10.2.js:8150（匿名）@Book:82 dispatch@jquery-1.10.2.js:5109 elemData.handle@jquery-1.10.2.js:4780Right，所以这个错误是因为这个URL没有返回任何内容。您需要实现endpoint/Book/Books来返回在AJAX请求中获取此数据所需的JSON数据。因此，您需要实现Books操作，我相信是函数Books，以返回所需的JSON数据。操作方法是否定义了允许GET请求返回JSON所需的JsonBehavior.AllowGet？此外，错误处理程序还有一组特定的参数，用于返回实际的错误消息，这对。。。有时这些错误是因为它无法到达服务器，有时是服务器上的错误。

            $(document).ready(function () {
                // This is for Get All Data
                $("#btnAllBook").click(function () {
                    $.ajax({
                        url: "@Url.Action("GetAllBook","Books")",
                        data: "",
                        type: "GET",
                        dataType: "json",
                        success: function (data)
                        {
                            loadData(data);
                        },
                        error: function () {
                            alert("Failed! Please try again.");
                        }
                    });

                });
                // this will use for Get Data based on parameter
                $("#btnSearch").click(function () {
                    $.ajax({
                        url: "@Url.Action("GetBookWithParameter", "Books")",
                        data: { prefix: $('#txtSearch').val() },
                        type: "GET",
                        dataType: "json",
                        success: function (data) {
                            loadData(data);
                        },
                        error: function () {
                            alert("Failed! Please try again.");
                        }
                    });
                });
                function loadData(data) {
                    // Here we will format & load/show data
                    var tab = $('<table class="myTable"></table>');
                    var thead = $('<thead></thead>');
                    thead.append('<th>Book ID</th>');
                    thead.append('<th>Book Name</th>');
                    thead.append('<th>Book Serial Number</th>');
                    thead.append('<th>Book Auther</th>');
                    thead.append('<th>Book Publisher</th>');
                    tab.append(thead);
                    $.each(data, function (i, val) {
                        // Append database data here
                        var trow = $('<tr></tr>');
                        trow.append('<td>' + val.BookID + '</td>');
                        trow.append('<td>' + val.BookName + '</td>');
                        trow.append('<td>' + val.BookSerialNumber + '</td>');
                        trow.append('<td>' + val.BookAuther + '</td>');
                        trow.append('<td>' + val.BookPublisher + '</td>');
                        tab.append(trow);
                    });
                    $("tr:odd", tab).css('background-color', '#C4C4C4');
                    $("#UpdatePanel").html(tab);
                };
            });