您的位置：首页 > Web前端 > JQuery

[py]tornado-jquery ajax

2017-08-24 13:32 197 查看

通过jquery发请求

Jquery ajax登录-从表单获取数据

完整code

#!/usr/bin/env python
# coding=utf-8
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
)

## wsgi模块
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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航