父子窗体间传递JSON格式的数据

　　在开发的项目中，遇到这样一个例子：当用户选择某一个用户名时，弹出当前用户的评分卷，该评分卷列出了所有一级评分项，让用户进行评分操作。如果某个一级评分项包含评分子项，则点击该评分项时，再弹出一个新窗口，新窗体中列出了当前评分项的所有评分子项列表，供用户进行操作。用户操作完成后，点击“确定”按钮，则返回到父窗体，在子窗体中所有的操作结果，同时要带到父窗体中。同时，如果用户再次点击该评分项，则在弹出子窗体的同时，要将上次操作的结果绑定到对应的操作项上。

　　上面描述的例子，就涉及到了一个父子窗体间的数据传递。如何实现这一数据传递，当然有很多方法。这里只是记录一下在这个例子中我使用的方法。我的方法是在子窗体点击“确定”按钮时，将操作结果构造成json格式的字符串，通过调用父窗体上的方法：opener.方法()，将json格式数据传递到父窗体上。

　　此例中构造的json数据类似如下格式：

　　{"MyData":[

　　　　{"bh":"111","lx":"1","df":"10","bz":"aaa"},

　　　　{"bh":"112","lx":"2","df":"20","bz":"bbb"},

　　　　{"bh":"113","lx":"2","df":"30","bz":"ccc"}

　　]}

　　此处子项打分需要保持的分别是bh：编号；lx：类型；df：得分；bz：备注。

　　按照自己的需要，可以再自己增加需要保持的项。构造此json数据可以放在前台，也可以放在后台。

　　在此例中，我是放置后台的。代码如下：

代码

$(function() {

//加载时获取json，然后绑定打分结果
var obj = opener.GetJson($("#txt_YCBH").val());
if($.trim(obj) != ""){
obj = "(" + obj + ")";
obj = eval(obj);
var data = obj.MyData;
$.each(data, function(i, n) {
if(n.lx == "1"){
//直接打分类的绑定
$("#lx" + n.bh).siblings("input").eq(0).val(n.df);
$("#lx" + n.bh).siblings("input").eq(1).val(n.df);
$("#lx" + n.bh).parent().parent().next().children().children("textarea").val(n.bz);
}
if(n.lx == "2"){
//选项打分类的绑定

$("#lx" + n.bh).siblings("input:text").eq(1).val(n.df);
$("#lx" + n.bh).siblings("input:checkbox").each(function(){
if($.trim($(this).val()) == $.trim(n.df)){
$(this).attr("checked",true);
}
});
$("#lx" + n.bh).parent().parent().parent().next().children().children("textarea").val(n.bz);
}
});

opener.GetJson()方法是父窗体上用来向子窗体传递json数据的方法，代码如下：

　　//通过编号获取对应评分项的子项打分结果的json字符串
function GetJson(p_bh)
{

　　　//$("#zxdf" + p_bh).siblings("input").eq(1).val()中保存的就是子窗体传递给父窗体的json数据
return $("#zxdf" + p_bh).siblings("input").eq(1).val();
}