flask+jsonp跨域前后台交互（接口初體驗）

# -*- coding: utf-8 -*-
from flask import Flask, jsonify
import psutil, time,json

app = Flask(__name__)#實例化app對象

@app.route('/test_post/aa', methods=['GET','POST'])#路由
def test_post():

    memKeys = ["total", "available", "percent", "used", "free"]#查看內存信息
    memVaules = psutil.virtual_memory()
    memInfo = dict(zip(memKeys, memVaules))
    memInfo = {k: str(v / pow(1024.0, 3)) + 'GB' for k,
                                                     v in memInfo.items() if k != 'percent'}
    memInfo['percent'] = psutil.virtual_memory().percent
    return "successCallback"+"("+json.dumps(memInfo)+")"#將結果以json形式返回，通過jsonp與前台交互
    


if __name__ == "__main__":
    app.run(
    host = '0.0.0.0',#任何ip都可以訪問
    port = 7777,#端口
    debug = True
)

接下來是前台代碼

<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>

接下來就可以看到控制台數據了

很不錯吧，希望大家能夠喜歡，我會繼續努力，發送更多學習心得