如何序列化JS數組，以便Asp.net MVC可以將它綁定到C＃列表？

Question

我想發送一個jQuery可排序項目列表到我的MVC方法進行數據處理。目前，我試圖通過下面的代碼來發送：

var data = {}; 
data.projectId = projectId; 
data.publishedSectionIds = $('#section_list').sortable('toArray'); 

// Perform the ajax 
$.ajax({ url: '/Project/Publish', 
    type: 'POST', 
    data: data, 
    success: function (result) { 
     alert(result.message); 
    } 
}); 

這段代碼的問題是它使郵政的參數是這樣的：

projectId=2&publishedSectionIds[]=1&publishedSectionIds[]=2 

這個問題（可以看出通過解決方案this question）是MVC只似乎序列化爲一個列表，如果發佈參數做不是有括號。

如何序列化javascript數組，以便我的動作與List<int>參數模型正確綁定？

---

編輯：動作的簽名是這樣的：

public ActionResult Publish(int projectId, List<int> publishedSectionIds) 

Answer 1

嘗試添加下列選項傳統：真正

如

$.ajax({ url: '/Project/Publish', 
    type: 'POST', 
    data: data, 
    traditional: true, 
    success: function (result) { 
     alert(result.message); 
    } 
}); 

看到

從jQuery 1.4開始，$ .param（）方法遞歸地序列化深層對象以適應現代腳本語言和框架，比如PHP和Ruby on Rails。您可以通過設置jQuery.ajaxSettings.traditional = true;來全局禁用此功能。

http://api.jquery.com/jQuery.param/

Answer 2

好了這裏的東西，我只是寫了現在的作品！

這裏的行動：

Public Overridable Function PostProject(ByVal model As Project) As ActionResult 
    Return Json(model.PublishedSectionIds) 

End Function 

這裏的類：

Public Class Project 
    Public Property ProjectId As Integer 
    Public Property PublishedSectionIds As IList(Of Integer) 
End Class 

這裏的JavaScript：

 var data = {}; 
     data.ProjectId = 1; 

     data.PublishedSectionIds = $('#section_list').sortable('toArray'); 
     var url= "/testing/tester"; 
     $.ajax({ 
      url:url, 
      type: 'POST', 
      traditional: true, 
      data: data, 
      success: function (result) { 
       alert(result); 
      } 
     }); 

忽略了一個事實，我的動作是重寫。這只是從t4mvc。

我試過它與名單和IList或列表，都工作得很好。

希望有幫助！

編輯：

我也測試了它的w/o像這樣的模式：

Public Overridable Function PostProject2(ByVal ProjectId As Integer, ByVal PublishedSectionIds As List(Of Integer)) As ActionResult 
     Return Json(PublishedSectionIds) 

    End Function 

添加它的工作也很不錯。

Answer 3

如果您想徹底處理它在JS（你可能需要在線編輯2 - 我假設你正在使用的列表，並試圖拉id屬性本身）

var data = "projectId=" + projectId; 
$("#section_list li").each(function(){ data += "&publishedSectionIds=" + this.id;}); 
$.ajax({ url: '/main/test', 
    type: 'POST', 
    data: data, 
    success: function (result) { 
     alert(result.message); 
    } 
}); 

，或者你要確保你使用的排序（「指定者」）的數據（儘管上述結果還提供了排序的數據）

var data = "projectId=" + projectId; 
var tempData = $('#section_list').sortable('toArray'); 
$.each(tempData, function(index, value){ data += "&publishedSectionIds=" + value;}); 
$.ajax({ url: '/main/test', 
    type: 'POST', 
    data: data, 
    success: function (result) { 
     alert(result.message); 
    } 
}); 

Answer 4

當我通過JavaScript數組到我的帖子的方法，我鍵入它們作爲int[]不是List<int>。

試試這個，如果你還沒有。