json 样式 ：   [{"key":1,"value":"big"},{"key":2,"value":"pig"}]

前端界面添加生成动态添加按钮

jqGrid相关代码：

$(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，内容为[{"key":1,"value":"big"},{"key":2,"value":"pig"}]，要做相应的操作才可以准确的存入数据库中。

声明对象，添加相应的值。注意在setChildren中要做相应的转换。

这样就可以解决json串传入数据库引号的问题。

json串数据库至前端的相应转换

jqGrid加入转换的childrenFormat，代码如下：

这样在前端列表显示的便是json串中value属性的值。

接下来的几个调试方法，可以准确的得到数据，也加快工作效率。

1.idea工具的dubug模式下，在watches中写入具体某句代码，会显示该代码的执行结果。

2.在浏览器中启动F12查看源代码，跟进相应js然后debug。在浏览器Watch中也可以实现上面的操作。具体情况如下：

3.在该模式下的console中也可以显示相应的代码结果。