Flattening JavaScript-Json objects

JavaScript-Json object flat introduction:

Some problems may occur when submitting a complex Json object to the Action method using the Ajax method in the Asp.net mvc framework. Here we use Javascript to solve this problem, after asp.net mvc 3.0, you can use JsonValueProviderFactory to solve this problem, but here we provide a solution to solve this problem with pure js. This method can also be used in the old mvc 2.0 system.

You need to submit a complex object, such as the following object structure:

1 {

2 parameter name: 'abc ',

3. Destination Address: '72, Haidian Road, Beijing ',

4 Rooms: [{roomName: 'standard interval', roomPrice: 720 },

5 {roomName: deluxe room, roomPrice: 1020}],

6 stars Star: 4

7}

8 // at this time, we must convert it to the following format to correctly submit it to the background Action object.

9

10

11 {

12 Parameter Name: 'abc ',

13. Destination Address: '72, Haidian Road, Beijing ',

14 Rooms [0]: {roomName: 'standard interval', roomPrice: 720 },

15 Rooms [1]: {roomName: deluxe room, roomPrice: 1020 },

16 stars: 4

17}

18 // format conversion code:

19

20 var Convert = {

21 _ jsonFlat: function (data, parentPro, returnObj ){

22 if (data instanceof Object ){

23 for (varpro in data ){

24 try {

25 varproValue = eval ("data." + pro. toString ());

26 if (proValue instanceof Array ){

27 for (var I = 0; I

28 if (parentPro ){

29 Convert. _ jsonFlat (proValue [I], parentPro + "." + pro + "[" + I + "]", returnObj );

30}

31 else

32 Convert. _ jsonFlat (proValue [I], pro + "[" + I + "]", returnObj );

33}

34. continue;

35}

36 if (proValue instanceof Object ){

37 if (parentPro)

38 Convert. _ jsonFlat (proValue, parentPro + "." + pro, returnObj );

39 else

40 Convert. _ jsonFlat (proValue, pro, returnObj );

41

42. continue;

43}

44 if (parentPro)

45 returnObj [parentPro + "." + pro] = proValue;

46 else

47 returnObj [pro] = proValue;

48

49}

50 catch (e ){};

51}

52 return;

53}

54 // otherwiselike string/int/datetime format

55 returnObj [parentPro] = data;

56}, jsonFlat: function (data ){

57 // debugger;

58 if (data & data instanceof Object ){

59 varretObj = {};

60 Convert. _ jsonFlat (data, null, retObj );

61 returnretObj;

62}

63 return null;

64 },

65}

Explanation: the above Code converts the Json object format. Only the converted complex Json object can be submitted to the background Action method. The JsonFloat method uses recursion to traverse all attributes on the json object for flat conversion.

Call example

View sourceprint?

1 $. ajax ({

2 url: "controller/action ",

3 data: Convert. jsonFlat ({/* your json data */}),

4 success: function (){

5 $ (this). addClass ("done ");

6}

7 });

After JsonValueProviderFactory has been registered in Mvc 3.0, and then the ajax method can be called directly without flattening using js:

Note that contentType must be set to application/json.

View sourceprint?

$. Ajax ({

Url: "controller/action ",

Data: {/* your json data */},

ContentType: "application/json ",

Success: function (){

$ (This). addClass ("done ");

}

});