WebForms - 使用jQuery ajax傳遞對象的複雜陣列

Question

我想傳遞一個複雜的對象數組，並且evrey對象還有另外兩個對象數組。

例子：

[{"Item":{"ClientId":"2","Projects":[{"ProjectId":"81","TypeId":"8"}],"Types":[{"ProjectType":"2","ProjectName":"yty - موقع2 - aaaaaaaa"},{"ProjectType":"6","ProjectName":"yty - موقع - aaaaaaaa"}]}},{"Item":{"ClientId":"7","Projects":[{"ProjectId":"75","TypeId":"8"},{"ProjectId":"76","TypeId":"8"}],"Types":[{"ProjectType":"2","ProjectName":"mona - موقع2 - aaaaaaaa"}]}}] 

jQuery代碼：

 $("#btnSave").click(function() { 
      var array = []; 
      var donatorId = $('.ddlDonators').val(); 

      $.each($('.cbxClient:checked'), function() { 
       var obj = new Object(); 
       var item = new Object(); 
       var projectArray = []; 
       var projTypeArray = []; 
       var attrId = $(this).attr('id'); 
       var clientId = attrId.split('_')[1]; 

       $.each($('.formPnl').find('.' + attrId).find('li .Project:checked'), function() { 
        var projObj = new Object(); 
        projObj.ProjectId = $(this).val(); 
        projObj.TypeId = $(this).attr('ProjectType'); 
        projectArray.push(projObj); 
       }); 

       $.each($('.formPnl').find('.' + attrId).find('li .ProjectType:checked'), function() { 
        var projTypeObj = new Object(); 
        projTypeObj.ProjectType = $(this).val(); 
        projTypeObj.ProjectName = $(this).attr('name') + " - " + $('.ddlDonators option:checked').text(); 
        projTypeArray.push(projTypeObj); 
       }); 

       obj.ClientId = attrId.split('_')[1]; 
       obj.CProject = projectArray; 
       obj.Types = projTypeArray; 
       item.Item = obj; 
       array.push(item); 

       //ProjectType = $('.formPnl').find('.' + attrId).find('li .ProjectType:checked').val(); 
       //ProjectName = $('.formPnl').find('.' + attrId).find('li .ProjectType:checked').attr('name') + " - " + $('.ddlDonators option:checked').text(); 
       //ProjectId = $('.formPnl').find('.' + attrId).find('li .Project:checked').val(); 
       //ProjectType = $('.formPnl').find('.' + attrId).find('li .Project:checked').attr('ProjectType'); 

      }); 

      $.ajax({ 
       type: "POST", 
       url: "Default.aspx/SaveProjects", 
       traditional :true, 
       data: "{'DonatorId':'" + donatorId + "','Items':'" + JSON.stringify(array) + "'}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (data) { 

       }, 
       error: function (data) { 
        alert('error') 
        // alert(data.responseText) 
       } 
      }); // end of ajax 


      console.log(JSON.stringify(array)); 
     }); 

C＃代碼：

[WebMethod] 
public static void SaveProjects(int DonatorId, List<Item> Items) 
{ 


} 


public class Item 
{ 
    public int ClientId { get; set; } 
    public List<CProject> Projects { get; set; } 
    public List<Type> Types { get; set; } 
} 

public class CProject 
{ 
    public int ProjectId { get; set; } 
    public int TypeId { get; set; } 
} 
public class Types 
{ 
    public int ProjectType { get; set; } 
    public string ProjectName { get; set; } 
} 

的問題是，在調試時我發現的項目數爲2，但它裏面的道具= null！

在此先感謝

Answer 1

我做這件事情 首先，你必須改變你的參數中，你把清單字符串，因爲你逝去的JSON數組轉換成字符串由字符串化

比DeserializeObject主陣列並通過以下代碼查找嵌套數組...

[WebMethod] 
public static void SaveProjects(int DonatorId, String MainArray) 
{ 

    Dictionary<string, dynamic> mainDictionary = (Dictionary<string, dynamic>)deserializer.DeserializeObject(MainArray); 

Dictionary<string, object> masterData = mainDictionary["SubArray"] as Dictionary<string, object>; 

object[] objNestedarray= masterData ["NestedArrayName"] as object[]; 

    } 

希望以上代碼幫助您獲得解決方案... !!!

Answer 2

雖然這是我的錯，客戶端數組結構不一樣，所以映射失敗，所以我只是在客戶端評論了Object。

$("#btnSave").click(function() { 
      var array = []; 
      var donatorId = $('.ddlDonators').val(); 

      $.each($('.cbxClient:checked'), function() { 
       var obj = new Object(); 
       // var item = new Object(); 
       var projectArray = []; 
       var projTypeArray = []; 
       var attrId = $(this).attr('id'); 
       var clientId = attrId.split('_')[1]; 

       $.each($('.formPnl').find('.' + attrId).find('li .Project:checked'), function() { 
        var projObj = new Object(); 
        projObj.ProjectId = $(this).val(); 
        projObj.TypeId = $(this).attr('ProjectType'); 
        projectArray.push(projObj); 
       }); 

       $.each($('.formPnl').find('.' + attrId).find('li .ProjectType:checked'), function() { 
        var projTypeObj = new Object(); 
        projTypeObj.ProjectType = $(this).val(); 
        projTypeObj.ProjectName = $(this).attr('name') + " - " + $('.ddlDonators option:checked').text(); 
        projTypeArray.push(projTypeObj); 
       }); 

       obj.ClientId = attrId.split('_')[1]; 
       obj.CProject = projectArray; 
       obj.Types = projTypeArray; 
       // item.Item = obj; 
       array.push(obj); 


      }); 

      $.ajax({ 
       type: "POST", 
       url: "Default.aspx/SaveProjects", 
       traditional :true, 
       data: "{'DonatorId':'" + donatorId + "','Items':" + JSON.stringify(array) + "}", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json", 
       success: function (data) { 

       }, 
       error: function (data) { 
        alert('error') 
        // alert(data.responseText) 
       } 
      }); // end of ajax 


      console.log(JSON.stringify(array)); 
     }); 

服務器端：

[WebMethod] 
public static void SaveProjects(int DonatorId, List<Item> Items) 
{ 


} 



public class Item 
{ 
    public int ClientId { get; set; } 
    public List<CProject> CProject { get; set; } 
    public List<Types> Types { get; set; } 
} 

public class CProject 
{ 
    public int ProjectId { get; set; } 
    public int TypeId { get; set; } 
} 
public class Types 
{ 
    public int ProjectType { get; set; } 
    public string ProjectName { get; set; } 
}