From 43f0a5c14fdf46289765221252fb4f1326b1e277 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A8=8B=E5=B8=85=E7=BF=94?= <16699465019@163.com>
Date: Thu, 14 Dec 2023 12:30:28 +0800
Subject: [PATCH] 12.13

---
 .../12.13.md"                                 | 167 ++++++++++++++++++
 1 file changed, 167 insertions(+)
 create mode 100644 "52\345\217\267 \347\250\213\345\270\205\347\277\224/12.13.md"

diff --git "a/52\345\217\267 \347\250\213\345\270\205\347\277\224/12.13.md" "b/52\345\217\267 \347\250\213\345\270\205\347\277\224/12.13.md"
new file mode 100644
index 0000000..4b4a1b4
--- /dev/null
+++ "b/52\345\217\267 \347\250\213\345\270\205\347\277\224/12.13.md"	
@@ -0,0 +1,167 @@
+# 作业
+
+```js
+const creator = 'cheng';
+
+function render() {
+    $.ajax({
+        url: 'https://hmajax.itheima.net/api/books',
+        type: 'get',
+        data: {
+            creator
+        },
+        success: (result) => {
+            const data = result.data;
+            $('tbody').html(
+                data.map((item, index) => {
+                    const {id, bookname, author, publisher} = item;
+                    return `<tr>
+              <td>${index + 1}</td>
+              <td>${bookname}</td>
+              <td>${author}</td>
+              <td>${publisher}</td>
+              <td data-id=${id}>
+                <span class="del">删除</span>
+                <span class="edit">编辑</span>
+              </td>
+            </tr>`
+                }).join(''))
+        },
+        error: error => {
+            console.log(error)
+        }
+    })
+
+}
+
+render();
+const addModal = $('.add-modal')[0];
+const newAddModal = new bootstrap.Modal(addModal)
+//添加里的保存单机事件
+$('.add-btn').bind('click', () => {
+    const form = $('.add-form')[0];
+    const book = serialize(form, {hash: true, empty: true});
+    $.ajax({
+            url: 'https://hmajax.itheima.net/api/books',
+            type: 'post',
+            data: {
+                creator,
+                ...book
+            },
+            success: () => {
+                form.reset();
+                newAddModal.hide();
+                render();
+            },
+            error: (error) => {
+                console.log(error)
+            }
+        }
+    )
+
+})
+//删除单机事件
+$('tbody ').on('click', '.del', function () {
+    const id = $(this).parent().data('id');
+    if (!confirm('是否要删除')) {
+        return 0;
+    } else {
+        $.ajax({
+            url: 'https://hmajax.itheima.net/api/books/' + id,
+            type: 'delete',
+            success: () => {
+                render();
+            },
+            error: (error) => {
+                console.log(error);
+            }
+        })
+    }
+}).on('click', '.edit', function () {
+    const id = $(this).parent().data('id');
+    const editModal = $('.edit-modal');
+    const newModal = new bootstrap.Modal(editModal);
+    newModal.show();
+    const form = $('.edit-form')[0];
+    $.ajax({
+        url: 'https://hmajax.itheima.net/api/books/' + id,
+        type: 'get',
+        success: (result) => {
+            const {bookname, author, publisher} = result.data
+            $('.bookname')[1].value = bookname;
+            $('.author')[1].value = author;
+            $('.publisher')[1].value = publisher;
+        },
+        error: (error) => {
+            console.log(error)
+        }
+    })
+    $('.edit-btn').bind('click', () => {
+        const book = serialize(form, {hash: true, empty: true});
+        console.log(book)
+        $.ajax({
+            url: "https://hmajax.itheima.net/api/books/" + id,
+            type: 'put',
+            data: {
+                creator,
+                ...book,
+            },
+            success: () => {
+                newModal.hide();
+                render();
+            },
+            error: (error) => {
+                console.log(error)
+            }
+        })
+    })
+})
+```
+
+```js
+function getSliderData(index) {
+    let newIndex = index % sliderData.length;
+    let a = sliderData[newIndex % sliderData.length];
+    $('.slider-wrapper img')[0].src = a.url;
+    $('.slider-footer p')[0].innerHTML = a.title;
+    $('.slider-footer')[0].style.backgroundColor = a.color;
+    $('.slider-indicator .active')[0].classList.remove('active');
+    $('.slider-indicator li')[newIndex].classList.add('active');
+}
+
+let index = 0;
+
+let interval = setInterval(function () {
+    getSliderData(index);
+    index++;
+}, 1000)
+function prev() {
+    index--;
+    if (index <= 0) {
+        index = sliderData.length
+    }
+    getSliderData(index);
+}
+
+function next() {
+    index++;
+    getSliderData(index);
+}
+
+
+$('.toggle').on('click', '.prev', function () {
+    prev();
+}).on('click', '.next', function () {
+    next();
+})
+
+$('tbody').ready(
+    $('.slider').mouseenter(function (){
+        console.log(123)
+        clearInterval(interval);
+}).mouseleave(function (){
+        interval=setInterval(function () {
+            index++;
+            getSliderData(index);
+        }, 1000)
+    }));
\ No newline at end of file
-- 
Gitee