1. 程式人生 > >flask+jsonp跨域前後臺交互(接口初體驗)

flask+jsonp跨域前後臺交互(接口初體驗)

script keys 返回 == 方法 png 前後臺 true run

 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跨域前後臺交互(接口初體驗)