通过jquery发请求
![](http://ww1.sinaimg.cn/large/9e792b8fgy1fisw0hqv6xj21280qjwjn)
Jquery ajax登录-从表单获取数据
![](http://ww1.sinaimg.cn/large/9e792b8fgy1fiz3m9hzxej20no0dsn0w)
完整code
import time
import tornado.ioloop
import tornado.web
class LoginHandler(tornado.web.RequestHandler):
def post(self, *args, **kwargs):
dic = {"status":True,"message":""}
username = self.get_argument("username")
password = self.get_argument("password")
if username=="admin" and password=="admin123":
pass
else:
dic["status"] = False
dic["message"]="用户名或密码错误"
import json
self.write(json.dumps(dic))
def get(self, *args, **kwargs):
self.render("login.html")
settings = {
'template_path': 'template',
'static_path': 'statics',
}
application = tornado.web.Application([
(r"/login", LoginHandler),
],
**settings
)
if __name__ == "__main__":
application.listen(8888)
tornado.ioloop.IOLoop.instance().start()
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>login</title>
<link rel="stylesheet" href="{{ static_url("common.css") }}">
</head>
<body>
<form action="/login" method="post">
<input id="username" type="text" name="username">
<input id="password" type="password" name="password">
<input id="submit" type="button" value="登录" onclick="SubmitForm();"/>
</form>
<script src="{{static_url("jquery-1.8.3.min.js")}}"></script>
<script>
function SubmitForm() {
$.post('/login',{"username":$("#username").val(),"password":$("#password").val()},function (callback) {
console.log(callback);
})
}
</script>
</body>
</html>