Flask提供json api跨域訪問，ajax接收json資料

標籤：json   返回   function   python   ati   跨域   .com   object   4.0   

ajax在判斷請求成功時會判斷返回的資料是否為json，需要將response的content-type設定為application/json，資料為標準的json格式

jQuery版本

<script src="https://cdn.bootcss.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

flask程式碼範例

@app.route(‘/test‘,methods=[‘GET‘,‘POST‘])def test():    a = []    a.append(Newobject().__dict__)    #設定content-type    resp=Response(json.dumps(a),mimetype=‘application/json‘)    #支援跨域請求    resp.headers[‘Access-Control-Allow-Origin‘] = ‘*‘    return resp

　　

ajax樣本，請求返回的結果為result，一個json轉換後的對象

$.ajax({                url:"http://192.168.11.130/test",                type:‘GET‘,                dataType:‘JSON‘,               success:function (result) {                    console.log("ajax succeed")                   console.log(typeof(result))                    obj=result;                    var pcapdata=‘‘;                    for(var i=0;i<obj.length;i++)                    {                        pcapdata=pcapdata+‘<tr>‘                        pcapdata=pcapdata+‘<td>‘+obj[i].time+‘</td>‘;                        pcapdata=pcapdata+‘<td>‘+obj[i].srcip+‘</td>‘;                        pcapdata=pcapdata+‘<td>‘+obj[i].dstip+‘</td>‘;                        pcapdata=pcapdata+‘<td>‘+obj[i].httphost+‘</td>‘;                        pcapdata=pcapdata+‘<td>‘+obj[i].requesturi+‘</td>‘;                        pcapdata=pcapdata+‘<td>‘+obj[i].pcapfile+‘</td>‘+‘</tr>‘;                    }                    document.getElementById("td1").innerHTML=pcapdata;                    }            })

　　

Flask提供json api跨域訪問，ajax接收json資料