我知道的JavaScriptJson对象扁平化

引子:

在Asp.net mvc 框架下用Ajax方法提交一个复杂的Json 对象到Action方法上, 会出现一些问题，这里我们用Javascript 的方式去解决这个问题，在asp.net mvc 3.0 后可以使用JsonValueProviderFactory解决这个问题，但在这里我们给出用纯js解决这个问题的方案,在mvc 2.0的老系统也可以使用这种方法。

需要提交一个复杂对象如以下对象结构:

{  
hotelName:’abc’,  
hotelAddress:’ 北京海淀路72号’,  
Rooms:[ {roomName:’标准间’,roomPrice:720},  
                {roomName:豪华间,roomPrice:1020}],  
HotelStar:4  
}  
//这时我们必需转换成如下格式才能正确提交到后台Action的对象上。


{  
hotelName:’abc’,  
hotelAddress:’ 北京海淀路72号’,  
Rooms[0]: {roomName:’标准间’,roomPrice:720},  
Rooms[1]: {roomName:豪华间,roomPrice:1020},  
HotelStar:4  
}  
//格式转换代码:

var Convert={
_jsonFlat:function (data, parentPro, returnObj) {  
     if (data instanceof Object) {  
for (varpro in data) {  
                try{  
                    varproValue = eval("data." +pro.toString());  
                    if(proValue instanceof Array) {  
                        for (var i = 0; i <proValue.length; i++) {  
                            if (parentPro){  
 Convert._jsonFlat(proValue[i], parentPro + "." + pro + "["+ i + "]", returnObj);  
}  
                            else  
                                        Convert._jsonFlat(proValue[i], pro + "[" + i + "]",returnObj);  
                        }  
                        continue;  
                    }  
                    if(proValue instanceof Object) {  
                        if(parentPro)  
                           Convert._jsonFlat(proValue, parentPro + "."+ pro, returnObj);  
                        else  
                           Convert._jsonFlat(proValue, pro, returnObj);  
   
                        continue;  
                    }  
                    if(parentPro)  
                        returnObj[parentPro + "." + pro] = proValue;  
                    else  
                        returnObj[pro] =proValue;  
   
                }  
                catch(e) { };  
            }  
            return;  
        }  
        //otherwiselike string/int/datetime format  
        returnObj[parentPro] = data;  
    },jsonFlat: function(data) {  
        //debugger;  
        if(data && data instanceof Object) {  
            varretObj = {};  
            Convert._jsonFlat(data, null, retObj);  
            returnretObj;  
        }  
        return null;  
    },  
}  

解释:以上代码就是完成Json对象格式的转换,只有通过转换后的复杂Json对象才能提交到后台的Action 方法上。JsonFloat方法运用递归遍历json对象上的所有属性进行扁平化转换。

调用例子

$.ajax({
  url: "controller/action",
  data:Convert.jsonFlat({/*your json data*/}),
  success: function(){
    $(this).addClass("done");
  }
});

在3.0以后Mvc已经内置注册了JsonValueProviderFactory, 然后就可以直接这样调用ajax方法而不需要用js进行扁平化了:　

但是这里需要注意的是contentType 必需设置成application/json.

$.ajax({
  url: "controller/action",
  data:{/*your json data*/},
  contentType: "application/json",
  success: function(){
    $(this).addClass("done");
  }
});

后记:

[分享今天的心情]：今天中午吃完饭，回来后到cnblogs闲逛,看了一个女生写的算法的贴子。惊叹一个女生也能对技术这么执着，

这时被老板(上司)看到,然后对着我说Robbin你不要天天抱着算法至上的思想，看看我不懂算法不照样挣的比你多。

这时我也不敢回嘴可是心里却冒出一个画面:

一个包工头对着一个民工大声喊:"不要以为你力气大就挣得多，我没你力气大不是挣的比你多的多."

转载请注明出处:http://www.cnblogs.com/RobbinHan/archive/2011/12/05/2270707.html 

本文作者: 十一月的雨 http://www.cnblogs.com/RobbinHan