首页 > 代码库 > flask+jsonp跨域前后台交互(接口初体验)
flask+jsonp跨域前后台交互(接口初体验)
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().percent16 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 = True25 )
接下来是前台代码
<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跨域前后台交互(接口初体验)
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。