Python Tornado实现AJAX的get请求处理

项目结构

在这里插入图片描述



jQuery安装

jQuery官方下载,选择Download the compressed, production(用于实际网站,已压缩)




index.html

<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <script src="../static/jquery-3.4.1.min.js"></script>
</head>

<body>
<script>
    $(function () {
        $("button").click(function () {
            $.get("/test", {"name": "XerCis"}, function (data, status) {
                alert("数据: " + data + "\n状态: " + status);
                $("#div1").append(data)
            });
        });
    });
</script>

<div id="div1"></div>
<button>get()</button>
</body>
</html>




server.py

import os
import sys
import tornado.web
import tornado.locks
import tornado.ioloop
from tornado.options import define, options

define("port", default=8888, help="运行端口", type=int)
define("debug", default=True, help="debug模式")

current_path = sys.path[0]


class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.render("templates/index.html")


class TestHandler(tornado.web.RequestHandler):
    def get(self):
        name = self.get_argument("name")
        self.write("<p>Hello {}!</p>".format(name))


def main():
    app = tornado.web.Application(
        [
            (r"/", MainHandler),
            (r"/test", TestHandler),
            (r"/static/(.*)", tornado.web.StaticFileHandler, {"path": os.path.join(current_path, "static")}),
            (r"/templates/(.*)", tornado.web.StaticFileHandler, {"path": os.path.join(current_path, "templates")}),
        ],
        debug=options.debug,
    )
    app.listen(options.port)
    print("http://localhost:{}/".format(options.port))
    tornado.ioloop.IOLoop.current().start()


if __name__ == "__main__":
    main()




运行结果

在这里插入图片描述

页面会更新为
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

XerCis

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值