json 樣式 ： ? [{"key":1,"value":"big"},{"key":2,"value":"pig"}]
前端界面添加生成動態(tài)添加按鈕
jqGrid相關(guān)代碼：
$(function(){
$('#addSpec').click(function(){
$('#main').append('
確定取消');});
$('body').on("click",'#del',function(){
$(this).parent().remove();
i--;
});
$('body').on("click",'#add',function(){
$(this).parent().remove();
if(i <9){
$('#specText').append($(this).prev().val()+",");
varjson = {}; ? ? ? ? ? ? ? ?
json.key = i; ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//此處生成json串中key格式
json.value= ($(this).prev().val());? ? ? ? ? //此處生成json串中key格式
specs.push(json); ? ? ? ? ? ?
data = specs;? ? ? ? ? ? ? ? ? ? ? //生成 [{"key":1,"value":"big"},{"key":2,"value":"pig"}]
}
i++;
});
});
后臺處理json串
此刻在傳遞到后臺的json串名稱為children，內(nèi)容為[{"key":1,"value":"big"},{"key":2,"value":"pig"}]析命，要做相應(yīng)的操作才可以準(zhǔn)確的存入數(shù)據(jù)庫中芽隆。
聲明對象，添加相應(yīng)的值。注意在setChildren中要做相應(yīng)的轉(zhuǎn)換仁期。
這樣就可以解決json串傳入數(shù)據(jù)庫引號的問題藏杖。
json串?dāng)?shù)據(jù)庫至前端的相應(yīng)轉(zhuǎn)換
jqGrid加入轉(zhuǎn)換的childrenFormat，代碼如下：
這樣在前端列表顯示的便是json串中value屬性的值北启。
接下來的幾個調(diào)試方法卜朗，可以準(zhǔn)確的得到數(shù)據(jù)，也加快工作效率咕村。
1.idea工具的dubug模式下场钉，在watches中寫入具體某句代碼，會顯示該代碼的執(zhí)行結(jié)果懈涛。
2.在瀏覽器中啟動F12查看源代碼逛万，跟進(jìn)相應(yīng)js然后debug。在瀏覽器Watch中也可以實(shí)現(xiàn)上面的操作批钠。具體情況如下：
3.在該模式下的console中也可以顯示相應(yīng)的代碼結(jié)果泣港。
