查找附近民宿 (查找附近民宿住宿)

<ｓｃｒｉｐｔ> const form = document.querySelector('form');const results = document.querySelector('.results');form.addEventListener('submit', (e) => {e.preventDefault();const location = document.querySelector('location').value;const checkIn = document.querySelector('check-in').value;if (!location || !checkIn) {alert('请输入您的位置和入住日期。');return;}// 发送请求以查找附近的民宿fetch(`民宿?location=${location}&checkIn=${checkIn}`).then((res) => res.json()).then((data) => {// 清除现有结果results.innerHTML = '';// 显示民宿结果data.forEach((民宿) => {const result = document.createElement('div');result.classList.add('result');const name = document.createElement('h3');name.classList.add('result-name');name.textContent = 民宿.name;const address = document.createElement('p');address.classList.add('result-address');address.textContent = 民宿.address;const price = document.createElement('p');price.classList.add('result-price');price.textContent = `每晚 ${民宿.price} 元`;result.appendChild(name);result.appendChild(address);result.appendChild(price);results.appendChild(result);});}).catch((error) => {console.error('Error fetching 民宿:', error);alert('发生错误，请稍后再试。');});});
    本文由:成都民宿于(2024-11-05)发表了关于查找附近民宿 (查找附近民宿住宿)的文章 。如转载请注明出处：http://www.cdcy-mail.com

如果您对此感兴趣,可以通过以下联系方式与我们联系：

成都区销售    重庆区销售    云贵区销售    华南区销售 华北区销售 华东区销售

华为企业邮箱销售热线：400-0828-083