django 后端JsonResponse返回json數據給前端完美接收


1.后端代碼編寫

from django.http import JsonResponse
if True: message = {"code":0,"msg":"同步公有雲機器成功,刷新頁面獲取最新數據!"} else: message = {"code":1,"msg":"同步公有雲機器失敗,項目配置中還沒有配置[項目雲id]"} return JsonResponse(message)

2.前端ajax提交接收返回數據

$('#get_tencentcloud_instances').click(function () {
                $.ajax({
                    url: "{{ request_url }}",
                    type: "POST",
                    data: $('#form_data_edit').serialize(),
                    beforeSend: function (xhr,settings) {
                        xhr.setRequestHeader("X-CSRFtoken",$.cookie("csrftoken"));
                        layer.msg('同步數據中,請等待......', {icon: 4,time:600000});
                    },
                    success: function (data) {
                        if (data.code == 0){
                            layer.alert(data.msg, {icon: 6});
                        } else {
                            layer.alert(data.msg, {icon: 7});
                        }
                    },
                    complete: function () {
                        console.info("同步數據執行完成......");
                    },
                    error: function (data) {
                        console.info("同步數據執行出錯......");
                    }
                });
            })

 

 

$('#get_tencentcloud_instances').click(function () {
$.ajax({
url: "{{ request_url }}",
type: "POST",
data: $('#form_data_edit').serialize(),
beforeSend: function (xhr,settings) {
xhr.setRequestHeader("X-CSRFtoken",$.cookie("csrftoken"));
layer.msg('同步數據中,請等待......', {icon: 4,time:600000});
},
success: function (data) {
if (data.code == 0){
layer.alert(data.msg, {icon: 6});
} else {
layer.alert(data.msg, {icon: 7});
}
},
complete: function () {
console.info("同步數據執行完成......");
},
error: function (data) {
console.info("同步數據執行出錯......");
}
});
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM