ersion").val(),
ID: $("#BookID").val()
};
$.ajax({
url: uri + "/" + $("#BookID").val(),
type: "PUT",
accepts: "application/json",
contentType: "application/json",
data: JSON.stringify(item),
success: function (result) {
getData();
}
});
closeInput();
return false;
});
function closeInput() {
$("#spoiler").css({ display: "none" });
}
6） 修改 ASP.NET Core 项目的启动设置，以便对 HTML 页面进行本地测试。在Visual Studio 2017中打开 Properties\launchSettings.json。
7） 删除 launchUrl 以便在项目的默认文件 index.html 强制打开应用。如下图。
此示例调用 API 的所有 CRUD 方法。 以下是 API 调用的说明。
一）获取书籍的列表
我们写的脚本中的getData 方法是通过jQuery ajax 函数将 GET 请求发送至 BookApi应用程序的GetBookItem方法，这个方法返回表示书籍数组的 JSON。 如果请求成功，则调用 success 回调函数。在该回调中将书籍信息组装成表格更新到 DOM中。如下图。
二）添加书籍信息
脚本中的addItem 方法通过JQuery 的Ajax 函数发送 POST请求，请求正文中包含书籍信息。 将 accepts 和 contentType 选项设置为 application/json，以便指定接收和发送的数据类型。 书籍信息使用 JSON.stringify 转换为 JSON。 当 API 返回成功状态的代码时，将调用 getData 函数来更新 HTML 表格。如下图。 
三） 更新书籍信息
editItem方法用来更新书籍信息，这个方法的实现与addItem类似。 url 更改为添加项的唯一标识符，并且 type 为 PUT。如下图。我们在表格点击需要修改的书籍信息的“Edit”按钮，系统会把这条书籍信息中的数据显示到编辑文本框中，在进行修改之后，点击“Save”按钮，保存数据。 
四） 删除书籍
deleteItem方法用来删除书籍信息，通过调用JQuery AJAX函数发出删除请求。并把 type 设为 DELETE ，指定该项在 URL 中的唯一标识符。如下图中1与2，就是删除前后的情况。我们点击表格中的删除按钮，将调用脚本中的deleteItem方法，删除指定书籍。
