地点：
入住日期：
退房日期：
人数： <ｓｅｌｅｃｔ id="人数" name="人数" required=""> 1 2 3 4 5+

<ｓｃｒｉｐｔ> // AJAX 代码function search(location, start_date, end_date, guests) {// 发送 AJAX 请求var xhr = new XMLHttpRequest();xhr.open("POST", "search.php", true);xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");xhr.send("location=" + location + "&start_date=" + start_date + "&end_date=" + end_date + "&guests=" + guests);// 处理响应xhr.onreadystatechange = function() {if (this.readyState == 4 && this.status == 200) {// 响应成功var results = JSON.parse(this.responseText);// 显示搜索结果var ul = document.getElementById("results").getElementsByTagName("ul")[0];for (var i = 0; i < results.length; i++) {var li = document.createElement("li");li.innerHTML = results[i].name + " - " + results[i].location + " - " + results[i].price + "元/晚";ul.appendChild(li);}}};}// 监听表单提交事件var form = document.getElementById("form");form.addEventListener("submit", function(e) {e.preventDefault();// 获取表单数据var location = document.getElementById("location").value;var start_date = document.getElementById("入住日期").value;var end_date = document.getElementById("退房日期").value;var guests = document.getElementById("人数").value;// 执行搜索search(location, start_date, end_date, guests);});

上一篇：哪个民宿好 (民宿在哪个平台订比较好)

下一篇：可以的民宿 (可以做到的民宿)