寻找完美的住宿,就在您的指尖!
<script>
document.getElementById('search-form').addEventListener('submit', (e) => {e.preventDefault();// 获取表单数据const location = document.getElementById('location').value;const checkIn = document.getElementById('check-in').value;const checkOut = document.getElementById('check-out').value;// 调用 API 获取酒店数据fetch(`${location}&checkIn=${checkIn}&checkOut=${checkOut}`).then(res => res.json()).then(data => {// 清除旧结果const results = document.getElementById('results');while (results.firstChild) {results.removeChild(results.firstChild);}// 显示新结果data.hotels.forEach(hotel => {const li = document.createElement('li');const a = document.createElement('a');a.href= `${hotel.id}`;a.textContent = `${hotel.name} - ${hotel.price} 元/晚`;li.appendChild(a);results.appendChild(li);});}).catch(err => {console.error(err);alert('抱歉,出现错误。请重试。');});});
script>
本文由:成都民宿于(2024-11-06)发表了关于
查附近酒店 (查附近酒店用什么软件)的文章
。如转载请注明出处:http://www.cdcy-mail.com
如果您对此感兴趣,可以通过以下联系方式与我们联系:
成都区销售
重庆区销售
云贵区销售
华南区销售
华北区销售
华东区销售
华为企业邮箱销售热线:400-0828-083