欢迎使用成都宾馆价格查询系统。请使用下面的搜索表单查找成都宾馆的最新价格。

入住日期： 退房日期： 成人人数： 儿童人数：

<ｓｃｒｉｐｔ> // 使用 JavaScript 从服务器获取宾馆价格并显示在结果区域document.querySelector("form").addEventListener("submit", (e) => {e.preventDefault();const checkInDate = document.querySelector("check-in-date").value;const checkOutDate = document.querySelector("check-out-date").value;const numAdults = document.querySelector("num-adults").value;const numChildren = document.querySelector("num-children").value;// 构造查询字符串const queryString = `?check_in_date=${checkInDate}&check_out_date=${checkOutDate}&num_adults=${numAdults}&num_children=${numChildren}`;// 使用 Fetch API 获取数据fetch(`/api/hotel-prices${queryString}`).then(response => response.json()).then(data => {// 将结果显示在结果区域const resultsElement = document.querySelector("results");resultsElement.innerHTML = "";for (const hotel of data) {const hotelElement = document.createElement("div");hotelElement.innerHTML = `

${hotel.name}

价格：${hotel.price} 元

评分：${hotel.rating} 星

`;resultsElement.appendChild(hotelElement);}}).catch(error => {console.error("Error:", error);alert("抱歉，无法获取价格。请稍后再试。");});});

上一篇：成都费尔顿大酒店价格多少 (成都费尔顿大酒店是几星级)

下一篇：成都的宾馆价格 (成都的宾馆价格查询)