附近住宿查询200米内 (附近住宿查询500米内便宜点的)
2024-10-18 15:18分类: 成都旅游 阅读:
请输入您的位置和搜索半径,我们会为您找到附近的住宿选项。
搜索结果:
<script>
const addressInput = document.getElementById('address');const radiusInput = document.getElementById('radius');const resultsList = document.getElementById('results-list');const searchButton = document.querySelector('input[type="submit"]');searchButton.addEventListener('click', (e) => {e.preventDefault();const address = addressInput.value;const radius = radiusInput.value;if (!address || !radius) {alert('请输入您的位置和搜索半径。');return;}const requestBody = {address: address,radius: radius,};fetch('/api/nearby-hotels', {method: 'POST',headers: {'Content-Type': 'application/json',},body: JSON.stringify(requestBody),}).then((response) => response.json()).then((data) => {resultsList.innerHTML ='';data.hotels.forEach((hotel) => {const resultItem = document.createElement('li');resultItem.classList.add('result');const resultName = document.createElement('p');resultName.classList.add('result-name');resultName.textContent = hotel.name;const resultDistance = document.createElement('p');resultDistance.classList.add('result-distance');resultDistance.textContent = `${hotel.distance} 米`;resultItem.appendChild(resultName);resultItem.appendChild(resultDistance);resultsList.appendChild(resultItem);});}).catch((error) => {console.error('Error fetching nearby hotels:', error);alert('抱歉,我们无法获取附近的住宿信息。请稍后再试。');});});
script>
郑重声明:本文由:
成都旅游于(2024-10-18)发表了关于
附近住宿查询200米内 (附近住宿查询500米内便宜点的)的文章。如转载请注明出处!部分文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!
上一篇:附近招待所旅馆500米内 (附近招待所旅馆)
下一篇:附近酒店500米内 (附近酒店500米内酒店宾馆)
附近酒店推荐