django前端引用数据_vue前端与django后端数据交互

//把数据传到路径为/airCdt/的django后端函数进行数据处理

onSubmit(){

const dict={

'floor': this.formLabelAlign.floor,

'room': this.formLabelAlign.room,

'status': this.formLabelAlign.status,

'mode': this.formLabelAlign.mode,

'temp': this.formLabelAlign.temp,

'level': this.formLabelAlign.level,

};

$.get("/airCdt/", dict, function (ret) {

// console.log(ret);

$("#respond").html(ret);

});

},

//获得数据

$.get("/api/floor2_ajax/", (ret) =>{

var data = JSON.parse(ret);

this.tableData[3]["data"] = Number(data[room-1]["fields"]["temp"]).toFixed(1);

localStorage.setItem("temp_8229",this.tableData[3]["data"]);

var status = data[room-1]["fields"]["status"];

if (status =='0'){

this.tableData[0]["data"] = '关';

}

else if(status =='1'){

this.tableData[0]["data"] = '开';

}

else{this.tableData[0]["data"]='未知';}

localStorage.setItem("status_8229",this.tableData[0]["data"]);

var mode = data[room-1]["fields"]["mode"];

if (mode =='1'){

this.tableData[1]["data"] = '制热';

}

else if(mode =='2'){

this.tableData[1]["data"] = '制冷';

}

else if(mode=='3'){

this.tableData[1]["data"] = '除湿';

}

else{this.tableData[1]["data"] = '未知';}

localStorage.setItem("mode_8229",this.tableData[1]["data"]);

var level = data[room-1]["fields"]["level"];

if (level =='1'){

this.tableData[2]["data"] = '低速';

}

else if(level =='2'){

this.tableData[2]["data"] = '中速';

}

else if(level=='3'){

this.tableData[2]["data"] = '高速';

}

else if(level=='4'){

this.tableData[2]["data"]= '自动';

}

else{this.tableData[2]["data"] = '未知';}

localStorage.setItem("level_8229",this.tableData[2]["data"]);

this.tableData[5]["data"] = data[room-1]["fields"]["co2"];

localStorage.setItem("co2_8229",this.tableData[5]["data"]);

this.tableData[7]["data"] = Number(data[room-1]["fields"]["tvoc"]).toFixed(3);

localStorage.setItem("tvoc_8229",this.tableData[7]["data"]);

this.tableData[4]["data"] = Number(data[room-1]["fields"]["hum"]).toFixed(1);

localStorage.setItem("hum_8229",this.tableData[4]["data"]);

this.tableData[6]["data"] = data[room-1]["fields"]["pm25"];

localStorage.setItem("pm25_8229",this.tableData[6]["data"]);

})

# 发送给前端的每层楼的ajax数据路由

path('api/floor2_ajax/', api.floor2_Data),

path('floor2/', views.floor2),

path('api/floor3_ajax/', api.floor3_Data),

path('floor3/', views.floor3),

path('api/floor4_ajax/', api.floor4_Data),

path('floor4/', views.floor4),

path('api/floor5_ajax/', api.floor5_Data),

path('floor5/', views.floor5),

path('api/floor6_ajax/', api.floor6_Data),

path('floor6/', views.floor6),

path('test/', views.TesT),

# 接收前端数据的路由

path('airCdt/', views.airCdt),

path('freshAir/', views.freshAir),

视图中的view

# 获得前端数据

def airCdt(request):

floor = request.GET['floor']

room = request.GET['room']

status = request.GET['status']

mode = request.GET['mode']

temp = request.GET['temp']

level = request.GET['level']

print(floor, room, status, mode, temp, level)

# 进行数据处理

return HttpResponse("空调ok")