Ajax 的基本使用

Ajax简介

• 一门异步的加载技术，局部刷新
• 异步加载，可以在不重载整个网页的前提下，进行局部刷新
• 分为原生和JQ两种
  
  

JSON数据格式

• Json对象转字符串： JSON.stringify()
• 字符串转Json对象：JSON.parse()

前后端数据交互

• html文件

    
    


    

        用户名：

        密 码：

         
    

• py文件

import tornado.ioloop
import tornado.web


class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.render("Demo.html")
    def post(self):
        user = self.get_argument("user")
        pwd = self.get_arguments("pwd")
        print("用户名：",user)
        print("密码：",pwd)


if __name__ == "__main__":
    # 路由
    application = tornado.web.Application([
        (r"/", MainHandler),
    ])
    application.listen(8888)
    tornado.ioloop.IOLoop.current().start()

Ajax局部刷新

• 导入jquery
• 使用方式
  • $.ajax({...})
  • $.get({...})
  • $.post({...})
• html文件

    
    



+
=


计算

• py文件

import tornado.ioloop
import tornado.web


class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.render("Demo.html")

    def post(self):
        # 根据键取前台传来的值
        a = int(self.get_argument('aaa'))
        b = int(self.get_argument('bbb'))
        result = a + b
        return_data = {'result':result}
        # 返回数据
        self.write(return_data)


if __name__ == "__main__":
    # 路由
    application = tornado.web.Application([
        (r"/", MainHandler),
    ])
    application.listen(8888)
    tornado.ioloop.IOLoop.current().start()