<html>
<body>
<div>
userName:<input type="text" id="userName"/><br>
passWord:<input type="text" id="passWord"/><br/>
<button id="loginBtn">Login</button>
</div>
<div id="helloDiv">
</div>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
$(function () {
$("#loginBtn").click(function () {
login();
})
});
function login() {
let userName = $("#userName").val(); // JQuery方式
let passWord = document.getElementById("passWord").value; // JS方式
let param = {
"userName": userName,
"passWord": passWord
}
$.ajax({
url: "http://localhost:8080/hello", // 请求Url
type: "GET", // 请求方式:GET/POST
data: param, // 请求参数
success: function (response) { // 请求成功之后的回调函数
$("#helloDiv").html(response);
$("#helloDiv").html(response.data);//获取对象中某一属性的值
},
error: function (error) { // 请求失败的回调函数
alert(error);
}
})
}
</script>
</body>
</html>
02. Ajax Demo
最新推荐文章于 2022-10-10 22:47:47 发布