Django開發之模態框提交內容到后台[Object Object]


版本

1 Python 3.8.2
2 Django 3.0.6

場景

前端頁面:使用bootstrap-table展示后台傳入數據,選中多行提交修改,彈出bootstrap模態框

模態框內容:根據選中表格行數進行模態框動態表格填充(只是使用的bootstrap的表格),輸入內容后,真正提交后台修改。

問題

提交到后台的內容,類型str,但是內容無法展示

# html 代碼
$('#btn1').click(function () {
$.ajax({
url: '/app1/',
type: 'POST',
data: {
csrfmiddlewaretoken: '{{ csrf_token }}',
'update_data': get_update_data // line:1 注意此行 //
},
        success: function (msg) {
alert(msg.message);
}
});
});

function get_update_data() {
var dt_list = new Array();
$('#modal_tab1 tbody tr').each(function () {
var objdt = new Object();
$(this).children('td').each(function (j) {
if (j < 1){
objdt[j] = $(this).text();
}
else{
objdt[j] = $(this).find("input").val();
}
});
dt_list.push(objdt);
});
console.log(dt_list);
return dt_list
}

...省略...
# django代碼
update_data = request.POST.get('update_data')
print(type(update_data))
print(update_data )
...省略...
# django 默認輸出日志
<class 'str'> [object Object],[object Object]

注意 line:1 這行, 無論是使用  get_update_data, 還是 get_update_data() 后台均無法顯示正常內容。

get_update_data 方法是根據網友方法,獲取模態框內容

問題解決

# 使用JSON.stringify() 方法, 問題解決
'update_data': JSON.stringify(get_update_data()),

 

 


免責聲明!

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



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