<ｓｃｒｉｐｔ> const resultList = document.getElementById('result-list');// 处理表单提交事件document.querySelector('form').addEventListener('submit', async (event) => {event.preventDefault();// 获取表单数据const address = document.getElementById('address').value;const radius = document.getElementById('radius').value;const errors = [];// 验证表单数据if (!address) {errors.push('请输入地址');}if (!radius) {errors.push('请输入距离范围');} else if (radius <= 0) {errors.push('距离范围必须大于0');}// 如果有错误，则显示错误信息if (errors.length > 0) {resultList.innerHTML = `

${errors.join('
')}

`;return;}// 发送请求获取数据const response = await fetch('/api/hotels', {method: 'POST',headers: {'Content-Type': 'application/json',},body: JSON.stringify({address,radius,}),});// 解析响应数据const data = await response.json();// 根据响应数据更新结果列表if (data.success) {resultList.innerHTML = '';data.hotels.forEach((hotel) => {const resultItem = document.createElement('li');resultItem.classList.add('result-item');resultItem.innerHTML = `${hotel.name}${hotel.address}`;resultList.appendChild(resultItem);});} else {resultList.innerHTML = `

${data.message}

`;}});

上一篇：烟台附近酒店查询500米内 (烟台附近酒店住宿查询)

下一篇：附近500米内住宿旅店 (附近500米餐饮美食)