ajax跨域访问json数据,Flask提供json api跨域访问，ajax接收json数据(示例代码)

ajax在判断请求成功时会判断返回的数据是否为json，需要将response的content-type设置为application/json，数据为标准的json格式

jQuery版本

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

{

pcapdata=pcapdata+‘

‘

pcapdata=pcapdata+‘

‘+obj[i].time+‘‘;

pcapdata=pcapdata+‘

‘+obj[i].srcip+‘‘;

pcapdata=pcapdata+‘

‘+obj[i].dstip+‘‘;

pcapdata=pcapdata+‘

‘+obj[i].httphost+‘‘;

pcapdata=pcapdata+‘

‘+obj[i].requesturi+‘‘;

pcapdata=pcapdata+‘

‘+obj[i].pcapfile+‘‘+‘‘;

}

document.getElementById("td1").innerHTML=pcapdata;

}

})