获取图书数据 添加图书 删除数据

function fn() {
//获取图书数据 数据接口
KaTeX parse error: Expected '}', got 'EOF' at end of input: …/循环出获取的数据 rem (.each循环) (i循环的索引) (ites当前循环项)
$.each(rem.data, function (i, ites) {
//push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度
//(ites.id)数据库里的id号(ites.bookname)数据库里的shuming …
//定义表格里要添加的数据
aar.push(’’ + ites.id + ‘’ + ites.bookname +
’ ’ + ites.author + ‘’ +
ites.publisher +
’ 删除’
);
})
//清空表格里的数据id=“tb” (empty()清空数据 表格里面的) (append()(HTML里面)元素结尾插入内容)
//(join() 方法用于把数组中的所有元素放入一个字符串)
//渲染列表
$(’#tb’).empty().append(aar.join(’’))
})
}
fn();
//第二块
//绑定单击事件删除数据 注意后期添加的元素 不能直接绑定事件 需要通过代理的方式添加
//为父级元素添加单击事件 代理到后代元素.del里面
$(‘tbody’).on(‘click’, ‘.del’, function () {
//attr(’’)选择属性data-id (注意后期添加的元素 class id 标签 不能直接使用)
//获取要删除行的id号
var id = $(this).attr(‘data-id’)
//删除api/delbook
$.get(‘http://www.liaaadfsdgdsgsfdsg6/api/delbook’, {
//删除的id
id: id
}, function (das) {
if (das.status !== 200) return alert(‘删除图书失败’)
//刷新列表
fn();
});
})
第三块
//添加图书
$(’.btn’).on(‘click’, function () {
//获取值
var bookname = $(’#iptBookname’).val();
var author = $(’#iptAuthor’).val();
var publisher = $(’#iptPublisher’).val();
if (bookname.trim().length <= 0 || author.trim().length <= 0 || publisher.trim()
.length <= 0) {
return alert(‘请输入内容’)
}
//添加数据
$.post(‘http://liaaadfsdgdsgsfdsg6/api/addbook’, {
bookname: bookname,
author: author,
publisher: publisher
}, function (rer) {
if (rer.status !== 201) return alert(‘添加图书失败’);
console.log(‘添加图书成功’);
fn();
$(’#iptBookname’).val(’’);

                $('#iptAuthor').val('');

                $('#iptPublisher').val('');
            })
        })