client_ajax

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>ajax</title>
</head>
<body>
<h1>登录</h1>
<hr>
<form action="">
<label>账号:</label><input class="txt" type="text" name='usr'>
<hr>
<label>密码:</label><input class="ps" type="password" name="ps">
<hr>
<button type="submit">登录</button>
</form>

</body>
<script src="js/jquery-3.3.1.js"></script>
<script type="text/javascript">
// 如果登录成功,h1显示登录成功
// 如何登录失败,h1显示登录失败

$("form").on("submit", function () {
console.log(123);
var usr = $('.txt').val();
var ps = $('.ps').val();
console.log(usr, ps);
// 将数据提交给后台 => ajax

$.ajax({
url: "http://127.0.0.1:5000/loginAction",
data: {
usr: usr,
ps: ps
},
success: function (data) {
$('h1').text(data);
}
})

return false;
});

</script>
</html>

posted @ 2018-10-23 15:58  不沉之月  阅读(167)  评论(0)    收藏  举报