请输入您的位置，系统将为您查询附近500米内的宾馆住宿信息。
<ｓｃｒｉｐｔ>
const searchForm = document.querySelector('.search-form');const resultsContainer = document.querySelector('.results');searchForm.addEventListener('submit', (e) => {e.preventDefault();const location = document.querySelector('.search-input').value;// 根据输入的位置查询附近的宾馆住宿信息fetch(`${location}&radius=500`).then(res => res.json()).then(data => {// 将查询结果显示在页面上data.hotels.forEach(hotel => {const result = document.createElement('div');result.classList.add('result');const name = document.createElement('h3');
name.classList.add('result-name');name.textContent = hotel.name;const address = document.createElement('p');address.classList.add('result-address');address.textContent = hotel.address;const price = document.createElement('p');price.classList.add('result-price');price.textContent = `${hotel.price} 元/晚`;result.appendChild(name);result.appendChild(address);result.appendChild(price);resultsContainer.appendChild(result);});}).catch(error => {console.error('查询失败：', error);alert('查询失败，请稍后再试。');});});
本文由:成都民宿于(2024-11-06)发表了关于
附近宾馆住宿查询500米内价格 (附近宾馆住宿查询500米)的文章
。如转载请注明出处：http://www.cdcy-mail.com
如果您对此感兴趣,可以通过以下联系方式与我们联系：
成都区销售
重庆区销售
云贵区销售
华南区销售
华北区销售
华东区销售
华为企业邮箱销售热线：400-0828-083
