• Jsonp实现跨域请求Ajax


    客户端

    #!/usr/bin/env python
    import tornado.ioloop
    import tornado.web
    
    
    class MainHandler(tornado.web.RequestHandler):
        def get(self, *args, **kwargs):
            self.render('index.html')
        def post(self, *args, **kwargs):
            self.render('index.html')
    
    
    
    settings ={
        'template_path':'views',#html文件模板路径配置
        'static_path':'statics',#css,js文件路径配置
        'static_url_prefix':'/sss/',
    }
    application = tornado.web.Application([
            (r"/index", MainHandler),
    
            ],**settings)
    if __name__ == "__main__":
        application.listen(8000)
        tornado.ioloop.IOLoop.instance().start()
    app.py
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
        <input type="button" value="Jsonp" onclick="DoJsonpAjax();">
        <script src="{{static_url('jquery-3.1.1.js')}}"></script>
        <script>
             function xxoo(arg){
                console.log(arg)
            }
            function DoJsonpAjax() {
    //            var tag = document.createElement('script');
    //            tag.src = "http://www.jxntv.cn/data/jmd-jxtv2.html?callback=list";
    //            document.head.appendChild(tag);
    //
    //            document.head.removeChild(tag);
    ////
                $.ajax({
                    url: "http://tao.com:8001/index",
                    dataType: 'jsonp',
                    jsonp:'callback',//相当于在url: "http://tao.com:8001/index?callback= xxoo",
                    jsonpCallback: "xxoo"//相当于在url: "http://tao.com:8001/index?callback= xxoo",
                })
            }
        </script>
    </body>
    </html>
    index.html

    服务端

    #!/usr/bin/env python
    import tornado.ioloop
    import tornado.web
    
    
    class MainHandler(tornado.web.RequestHandler):
        def get(self, *args, **kwargs):
            callback = self.get_argument('callback')
            self.write("{}([11,22,33])".format(callback))
        def post(self, *args, **kwargs):
            self.write('t2.post')
    
    
    
    settings ={
        'template_path':'views',#html文件模板路径配置
        'static_path':'statics',#css,js文件路径配置
        'static_url_prefix':'/sss/',
    }
    application = tornado.web.Application([
            (r"/index", MainHandler),
    
            ],**settings)
    if __name__ == "__main__":
        application.listen(8001)
        tornado.ioloop.IOLoop.instance().start()
    app.py
  • 相关阅读:
    avalon随笔
    ms-attr-data-real-gold="{{page_data[0].gold}}" 属性付真
    jQuery 快捷操作
    jQuery 属性操作
    jQuery 表单域选中选择器
    jQuery 层次选择器
    jQuery 基本选择器
    jQuery 基本使用
    jQuery 引入多个库文件冲突
    BOM window对象方法
  • 原文地址:https://www.cnblogs.com/shiluoliming/p/6567396.html
Copyright © 2020-2023  润新知