<ｓｃｒｉｐｔ> const searchForm = document.getElementById('search-form');const results = document.getElementById('results');const resultsHeading = document.getElementById('results-heading');const resultsList = document.getElementById('results-list');// 搜索表单提交事件searchForm.addEventListener('submit', (e) => {e.preventDefault();// 获取搜索条件const destination = document.getElementById('destination').value;const checkIn = document.getElementById('check-in').value;const checkOut = document.getElementById('check-out').value;const guests = document.getElementById('guests').value;// 校验搜索条件if (!destination) {alert('请输入目的地');return;}if (!checkIn || !checkOut) {alert('请输入入住和退房日期');return;}if (checkIn >= checkOut) {alert('退房日期必须晚于入住日期');return;}// 显示加载中提示resultsHeading.innerHTML = '正在搜索中...';resultsList.innerHTML = '';// 发送搜索请求fetch(`${destination}&check_in=${checkIn}&check_out=${checkOut}&guests=${guests}`).then(response => response.json()).then(data => {if (data.length === 0) {resultsHeading.innerHTML = '没有找到符合条件的客栈民宿';} else {resultsHeading.innerHTML = `找到了 ${data.length} 家符合条件的客栈民宿`;// 渲染搜索结果for (const item of data) {const resultItem = document.createElement('div');resultItem.classList.add('results-item');const title = document.createElement('h5');title.innerHTML = `${item.name}`;const location = document.createElement('p');location.innerHTML = item.location;const price = document.createElement('p');price.innerHTML = `每晚 ${item.price} 元`;const amenities = document.createElement('ul');for (const amenity of item.amenities) {const amenityItem = document.createElement('li');amenityItem.innerHTML = amenity;amenities.appendChild(amenityItem);}resultItem.appendChild(title);resultItem.appendChild(location);resultItem.appendChild(price);resultItem.appendChild(amenities);resultsList.appendChild(resultItem);}}}).catch(error => {console.error('搜索失败:', error);resultsHeading.innerHTML = '搜索失败，请稍后再试';});});

上一篇：民宿预订哪个好 (民宿预订哪个平台好)

下一篇：民宿客栈推荐 (泉州民宿客栈推荐)