django 后端JsonResponse返回json数据给前端完美接收并将数据写入前端页面做展示

1.后端代码编写

from django.http import JsonResponse

res = {"code": 0, "message": result_list}

return JsonResponse(res)

2.前端代码编写

命令执行结果:

3.ajax代码编写

$.ajax({

url: url,

type: "POST",

traditional:true, //加上此项可以传数组

data: {

"cmd": cmd,

"host_ip_list": host_ip_list,

"host_port": host_port,

"auth_type": auth_type,

"login_user": login_user,

"password": password,

},

success: function (data) {

$("#list").html('');

console.log(data.message);

var message_list = data.message;

for (let i = 0; i < message_list.length; i++) {

console.log(message_list[i]);

var server_ip = message_list[i].server_ip;

var status = message_list[i].status;

var result = message_list[i].result;

$("#list").html($("#list").html() + "
" + " server_ip: " + server_ip + "
");

$("#list").html($("#list").html() + "
" + " status: " + status + "
");

$("#list").html($("#list").html() + "
" + " result: " + result + "
");

$("#list").html($("#list").html() + "

---

" + "
");

};

}

});

4.页面显示