欢迎来到汽修店排行。本网站提供全国各地的汽修店排名,帮助您找到最适合您需求的汽修店。
script.js
javascript
const results = document.querySelector('.results');const searchForm = document.querySelector('form');searchForm.addEventListener('submit', (e) => {e.preventDefault();const region = e.target.querySelector('select[name="region"]').value;const serviceType = e.target.querySelector('select[name="service_type"]').value;const minPrice = e.target.querySelector('input[name="min_price"]').value;const maxPrice = e.target.querySelector('input[name="max_price"]').value;const params = new URLSearchParams();if (region !== '全国') {params.append('region', region);}if (serviceType !== '全部') {params.append('service_type', serviceType);}if (minPrice) {params.append('min_price', minPrice);}if (maxPrice) {params.append('max_price', maxPrice);}const url = `/search?${params.toString()}`;fetch(url).then(res => res.json()).then(data => {results.innerHTML = '';data.forEach(shop => {const li = document.createElement('li');li.innerHTML = `
${shop.name}
${shop.region} ${shop.service_type}
价格范围:${shop.min_price} - ${shop.max_price}
`;results.appendChild(li);});}).catch(err => {console.error(err);alert('搜索失败,请稍后再试。');});
});