博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用Tornado实现Ajax请求
阅读量:5821 次
发布时间:2019-06-18

本文共 998 字,大约阅读时间需要 3 分钟。

hot3.png

Ajax,指的是网页异步刷新,一般的实现均为js代码向server发POST请求,然后将收到的结果返回在页面上。

 

这里我编写一个简单的页面,ajax.html

    测试Ajax    

注意,从上面的代码可以看出,数据存储在“message”字段中。

所以后台从message中解析数据,我们记得是get_argument方法。

所以后台的python代码为:

import tornado.ioloopimport tornado.webclass MainHandler(tornado.web.RequestHandler):    def get(self):        self.render("ajax.html")class AjaxHandler(tornado.web.RequestHandler):    def post(self):        #self.write("hello world")        self.write(self.get_argument("message"))application = tornado.web.Application([    (r"/", MainHandler),    (r"/test", AjaxHandler),    ])if __name__ == '__main__':    application.listen(8888)    tornado.ioloop.IOLoop.instance().start()
访问首页,就渲染ajax前端页面,而AjaxHandler处理真正的ajax异步请求。

 

这里总结下流程:

1.用户访问home页面,tornado使用MainHandler返回其中的ajax.html页面

2.用户填写信息,点击按钮,因为之前加载js代码,注册了回调函数,所以触发Ajax

3.js向后台发post请求。

4.根据请求的URL,tornado使用AjaxHandler处理post请求,将信息原样返回。

5.js收到数据,调用之前的回调函数,将结果显示在html页面上。

转载于:https://my.oschina.net/inevermore/blog/388681

你可能感兴趣的文章
你需要实现一个高效的缓存,它允许多个用户读,但只允许一个用户写,以此来保持它的完整性,你会怎样去实现它?...
查看>>
ideal中spring的xml文件没有提示的问题
查看>>
Python大法之input用户登录
查看>>
C#操作XML小结(转)
查看>>
(转)Linux学习路线
查看>>
8.全排列[深度优先搜索]
查看>>
【原创】IO流:读写操作研究(输入流)
查看>>
IO 流之字节流和转换流
查看>>
DQL、DML、DDL、DCL的概念与区别
查看>>
PHP学习总结(10)——PHP入门篇之自定义网站根目录
查看>>
历届试题 带分数 全排列模板 JAVA
查看>>
Mybatis框架学习总结-优化Mybatis配置文件中的配置
查看>>
第五周周记
查看>>
selenium 使用笔记
查看>>
pthread_attr_init线程属性
查看>>
JavaScript表格搜索高亮功能模拟
查看>>
java中Thread (线程)
查看>>
js进阶 10-10 可见伪类选择器和内容伪类选择器的作用
查看>>
教你如何利用php.exe运行php文件
查看>>
普通广播接收者和有序广播接收者
查看>>