成都旅游酒店价格查询

到达日期

离开日期

成人人数 {event.preventDefault();// 获取查询参数const formData = new FormData(form);const arrivalDate = formData.get('arrival-date');const departureDate = formData.get('departure-date');const numAdults = formData.get('num-adults');const numChildren = formData.get('num-children');// 显示加载状态resultsTable.style.display = 'none';resultsHeading.textContent = '正在加载查询结果...';// 执行查询fetch('/api/hotels', {method: 'POST',headers: {'Content-Type': 'application/json',},body: JSON.stringify({arrivalDate,departureDate,numAdults,numChildren,}),}).then((response) => response.json()).then((data) => {// 隐藏加载状态resultsHeading.textContent = '查询结果';// 清除现有结果resultsTable.tBodies[0].innerHTML = '';// 填充结果data.forEach((hotel) => {const row = document.createElement('tr');const nameCell = document.createElement('td');nameCell.textContent = hotel.name;row.appendChild(nameCell);const addressCell = document.createElement('td');addressCell.textContent = hotel.address;row.appendChild(addressCell);const starsCell = document.createElement('td');starsCell.textContent = hotel.stars;row.appendChild(starsCell);const priceCell = document.createElement('td');priceCell.textContent = `${hotel.price} 元`;row.appendChild(priceCell);resultsTable.tBodies[0].appendChild(row);});// 显示结果resultsTable.style.display = '';}).catch((error) => {// 显示错误信息resultsHeading.textContent = '查询失败。请重试。';console.error(error);});});