<ｓｃｒｉｐｔ> const searchForm = document.getElementById('search-form');const resultsList = document.querySelector('.results-list');searchForm.addEventListener('submit', (e) => {e.preventDefault();const location = document.getElementById('location').value;const radius = document.getElementById('radius').value;if (!location) {alert('请输入您的位置');return;}// 进行 API 调用以获取民宿数据fetch(`民宿?location=${location}&radius=${radius}`).then(response => response.json()).then(data => {// 清除以前的搜索结果resultsList.innerHTML = '';// 遍历民宿数据并创建列表项data.forEach(民宿 => {const listItem = document.createElement('li');listItem.classList.add('results-item');const itemName = document.createElement('h3');itemName.classList.add('results-item-name');itemName.textContent = 民宿.名称;const itemImage = document.createElement('img');itemImage.classList.add('results-item-image');itemImage.src = 民宿.图片;listItem.appendChild(itemName);listItem.appendChild(itemImage);resultsList.appendChild(listItem);});}).catch(error => {alert('出现错误，请重试');});});

上一篇：有名的民宿 (有名的民宿有哪些)

下一篇：附近好的民宿 (附近好的民宿酒店)