搜索结果:
js
// script.jsconst form = document.getElementById('search-form');
const results = document.getElementById('results');
const repairShops = document.getElementById('repair-shops');form.addEventListener('submit', (event) => {event.preventDefault();const location = document.getElementById('location').value;// 向服务器发送请求,获取附近修车厂列表fetch(`/api/repair-shops?location=${location}`).then((response) => response.json()).then((data) => {// 清除之前的搜索结果repairShops.innerHTML = '';// 遍历修车厂列表,并将其添加到结果中data.forEach((repairShop) => {const li = document.createElement('li');li.innerText = `${repairShop.name} - ${repairShop.address} - ${repairShop.phone}`;
repairShops.appendChild(li);});// 显示搜索结果results.style.display = 'block';}).catch((error) => {console.error('Error fetching repair shops:', error);});
});