附近宾馆查询500米内哪里有 (附近宾馆查询100米内)
2024-10-18 16:00分类: 成都旅游 阅读:
<script>
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}
`;}});
script>
郑重声明:本文由:
成都旅游于(2024-10-18)发表了关于
附近宾馆查询500米内哪里有 (附近宾馆查询100米内)的文章。如转载请注明出处!部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!
上一篇:烟台附近酒店查询500米内 (烟台附近酒店住宿查询)
下一篇:附近500米内住宿旅店 (附近500米餐饮美食)