码迷,mamicode.com
首页 > Web开发 > 详细

flask+jsonp跨域前后台交互(接口初体验)

时间:2017-05-16 20:45:46      阅读:317      评论:0      收藏:0      [点我收藏+]

标签:key   json   arc   app   for   callback   cli   imp   out   

 1 # -*- coding: utf-8 -*-
 2 from flask import Flask, jsonify
 3 import psutil, time,json
 4 
 5 app = Flask(__name__)#实例化app对象
 6 
 7 @app.route(/test_post/aa, methods=[GET,POST])#路由
 8 def test_post():
 9 
10     memKeys = ["total", "available", "percent", "used", "free"]#查看内存信息
11     memVaules = psutil.virtual_memory()
12     memInfo = dict(zip(memKeys, memVaules))
13     memInfo = {k: str(v / pow(1024.0, 3)) + GB for k,
14                                                      v in memInfo.items() if k != percent}
15     memInfo[percent] = psutil.virtual_memory().percent
16     return "successCallback"+"("+json.dumps(memInfo)+")"#将结果以json形式返回,通过jsonp与前台交互
17     
18 
19 
20 if __name__ == "__main__":
21     app.run(
22     host = 0.0.0.0,#任何ip都可以访问
23     port = 7777,#端口
24     debug = True
25 )

接下来是前台代码

<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script>
    $(‘#search‘).click(function () {
        $.ajax({
            type: ‘GET‘,
            url: ‘http://192.168.1.106:7777/test_post/aa‘,
            dataType: ‘jsonp‘, //希望服务器返回json格式的数据
            jsonp: "callback",
            jsonpCallback: "successCallback",//回调方法
            success: function (data) {
                console.log(data);
            }

        });
    });
</script>

接下来就可以看到控制台数据了

技术分享

很不错吧,希望大家能够喜欢,我会继续努力,发送更多学习心得

 

flask+jsonp跨域前后台交互(接口初体验)

标签:key   json   arc   app   for   callback   cli   imp   out   

原文地址:http://www.cnblogs.com/mzm5466/p/6863476.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!