OK much

Html/static/js/index.js

@@ -0,0 +1,42 @@
+function show_books(courses_data, user_selected_courses){
+    console.log(courses_data)
+    console.log(user_selected_courses)
+}
+function show_course_details(course_id){
+    window.location.href = '/course/' + course_id 
+}
+
+document.addEventListener('DOMContentLoaded', function() {
+    const selectButtons = document.querySelectorAll('.select-button');
+
+    selectButtons.forEach(button => {
+        button.addEventListener('click', function(event) {
+            event.stopPropagation(); // 阻止事件冒泡
+            const courseId = this.getAttribute('data-course-id');
+            fetch(`/select_course`, {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'X-CSRFToken': '{{ csrf_token() }}' // 如果使用 CSRF 保护
+                },
+                body: JSON.stringify({ course_id: courseId })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    // 更新按钮样式或显示消息
+                    this.classList.remove('select-button');
+                    this.classList.add('selected-button');
+                    this.textContent = '已选择';
+                    alert('选择课程成功');
+                } else {
+                    alert('选择课程失败');
+                }
+            })
+            .catch(error => {
+                console.error('Error:', error);
+                alert('选择课程失败');
+            });
+        });
+    });
+});