document.addEventListener('DOMContentLoaded', function() { const searchButton = document.getElementById('searchButton'); const licensePlateInput = document.getElementById('licensePlate'); const errorMessage = document.getElementById('errorMessage'); // 从JSON文件获取车辆数据库 let carDatabase = []; let isDataLoaded = false; // 加载车辆数据 fetch('js/cars.json') .then(response => response.json()) .then(data => { carDatabase = data; isDataLoaded = true; }) .catch(error => { console.error('加载车辆数据失败:', error); showError('无法加载车辆数据库'); }); searchButton.addEventListener('click', function() { const plate = licensePlateInput.value.trim(); if (!plate) { showError('请输入车牌号码'); return; } // 检查数据是否已加载 if (!isDataLoaded) { showError('数据加载中,请稍后再试...'); return; } // 在数据库中查找车牌(支持模糊匹配) const carInfo = carDatabase.find(car => car.plate.includes(plate)); if (carInfo) { // 将车辆信息存储到 sessionStorage sessionStorage.setItem('carInfo', JSON.stringify(carInfo)); // 跳转到结果页面 window.location.href = 'result.html'; } else { showError('没有找到该车牌号码对应的车主信息'); } }); // 回车键触发搜索 licensePlateInput.addEventListener('keypress', function(e) { if (e.key === 'Enter') { searchButton.click(); } }); function showError(message) { errorMessage.textContent = message; errorMessage.style.display = 'block'; // 3秒后隐藏错误信息 setTimeout(() => { errorMessage.style.display = 'none'; }, 3000); } });