图书查询
JavaScript 代码 (search.js):
javascript
const form = document.querySelector('form');form.addEventListener('submit', (e) => {e.preventDefault();const keywords = document.querySelector('keywords').value;// 使用 fetch API 向服务器发送请求fetch('search.php?keywords=' + keywords).then(res => res.json()).then(data => {// 将搜索结果显示在页面上const results = document.querySelector('.results');results.innerHTML = '';for (let book of data) {const li = document.createElement('li');li.innerHTML = `
${book.title}
`;results.appendChild(li);}});
});search.php 代码:
php
query($sql);// 提取查询结果
$books = [];
while ($row = $result->fetch_assoc()) {$books[] = $row;
}// 将结果以 JSON 格式输出
echo json_encode($books);