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("同步數據執行出錯......");
}
});
})