JZTXT

2023/11/13

发布时间 2023-11-13 17:23:31作者: 软件拓荒人
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <title>模糊查询</title>
    <script>
        function submitButtonClick() {
            let keyword = document.getElementById("keyword").value;
            let xmlHttp = new XMLHttpRequest();
            xmlHttp.open("GET", "QueryServlet?keyword=" + keyword, true);
            xmlHttp.onreadystatechange = function () {
                if (xmlHttp.readyState === 4) {
                    if (xmlHttp.status === 200) {
                        displayResults(xmlHttp.responseText); // 处理服务器响应
                    } else {
                        console.error("请求出错，状态码: " + xmlHttp.status);
                    }
                }
            };
            xmlHttp.send();
        }

        function displayResults(results) {
            let resultsDiv = document.getElementById("results");
            resultsDiv.innerHTML = results;
        }
    </script>
</head>
<body>
<div>
    <label for="keyword">关键字查询:<input type="text" id="keyword"></label>
    <input type="button" value="查询" onclick="submitButtonClick()">
</div>
<div id="results">
    <!-- 查询结果将显示在这里 -->
</div>
</body>
</html>