Question

我在eclipse上编写了一个演示应用程序，我有一个MySQL数据库。

我正在使用hibernate从数据库中检索数据，现在我想要将它们显示在浏览器中。

我有一个UserLogin类servlet;该类等待HttpRequest然后启用hibernate以使我返回数据库的结果集。

到目前为止，它运作良好;我使用Postman检查了我的服务器端组件，并且我确实得到了我的班级UserLogin的预期响应。

我的挑战是我对前端并不熟悉。

我有以下示例，使用带HTML的JavaScript来发出HTTP请求。

我已经从Chrome浏览器的控制台检查并得到以下答案：

{"response":"ok","FileSystem":"Internal","userID":1}

但我需要能够操纵它（上面的响应），以便在页面上显示它。

我怎样才能做到这一点？

<!DOCTYPE html>
<html>
<head>
    <title>UserLogin</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>

<p><input id="username" type="text"     name="username" placeholder="username"></p>
<p><input id="password" type="password" name="password" placeholder="password"></p>

<button onclick="return login()">Submit</button>

<script>
    function login() {
       
        const params = {
            username: document.querySelector('#username').value,
            password: document.querySelector('#password').value
        }

        const http = new XMLHttpRequest()
        http.open('POST', 'http://127.0.0.1:8080/.../UserLogin', true)
        http.setRequestHeader('Content-type', 'application/x-www-form-urlencoded;charset=utf-8;')
        http.send(JSON.stringify(params)) // Make sure to stringify

        http.onload = function() {

            console.log(http.responseText)

        }
    }
</script>

</div>
</body>
</html>

Http Json Post Response js

0 个答案: