it-roy-ru.com

Передать массив в MVC Action через AJAX

Я пытаюсь передать массив (или IEnumerable) целых чисел через AJAX в действие MVC, и мне нужна небольшая помощь. 

javaScript является 

$.get('/controller/MyAction', { vals: arrayOfValues }, function (data) {...

и действие контроллера 

public ActionResult MyAction(IEnumerable<int> arrayOfValues )

На данный момент запрос отформатирован как 

controller/MyAction?_=1301503418429&arrayOfValues[]=491&arrayOfValues[]=368&arrayOfValues[]=235&arrayOfValues[]=437

Так что я почти на месте, если я сниму квадратные скобки, я получу правильный ответ. Как мне передать этот массив в мой get, чтобы контроллер мог распознать, что это такое? 

Большое спасибо за вашу помощь

Дейв

115
Dave

Установите для традиционного свойства значение true перед выполнением вызова get . Т.е.:

jQuery.ajaxSettings.traditional = true

$.get('/controller/MyAction', { vals: arrayOfValues }, function (data) {... 
144
Chandu

У меня были проблемы в прошлом, когда я пытался выполнить POST (не уверен, что это именно то, что вы делаете, но я вспоминаю, что при передаче массива, Traditional должен иметь значение true .

 var arrayOfValues = new Array();

 //Populate arrayOfValues 
 $.ajax({ 
      type: "POST",
      url: "<%= Url.Action("MyAction","Controller")%>",
      traditional: true,
      data: { 'arrayOfValues': arrayOfValues }              
 });
108
Rion Williams

Довольно поздно, но другой ответ на те, которые уже присутствуют здесь:

Если вместо $.ajax вы хотите использовать сокращенные функции $.get или $.post , вы можете передать массивы следующим образом:


Сокращение GET

var array = [1, 2, 3, 4, 5];
$.get('/controller/MyAction', $.param({ data: array }, true), function(data) {});


// Action Method
public void MyAction(List<int> data)
{
    // do stuff here
}

Стенограмма

var array = [1, 2, 3, 4, 5];
$.post('/controller/MyAction', $.param({ data: array }, true), function(data) {});


// Action Method
[HttpPost]
public void MyAction(List<int> data)
{
    // do stuff here
}


Заметки:

  • Логический параметр в $.param предназначен для свойства traditional , which ДОЛЖНО быть true, чтобы это работало
47
SNag

Ответ на использование «традиционного» варианта правильный. Я просто предоставляю дополнительную справочную информацию для тех, кто хочет узнать больше.

Из документации по jQuery:

Начиная с jQuery 1.8, метод $ .param () больше не использует jQuery.ajaxSettings.traditional в качестве настройки по умолчанию и будет по умолчанию false.

Вы также можете прочитать больше здесь: http://michaelsync.net/2012/04/05/tips-asp-net-mvc-javascriptserializer-3-questions-and-3-answers и http://haacked.com/archive/2008/10/23/model-binding-to-a-list.aspx

НТН

9
Tom Gerken

Вы должны быть в состоянии сделать это просто отлично:

$.ajax({
   url: 'controller/myaction',
   data: JSON.stringify({
      myKey: myArray
   }),
   success: function(data) { /* Whatever */ }
});

Тогда ваш метод действия будет выглядеть так:

public ActionResult(List<int> myKey)
{
    // Do Stuff
}

Для вас это выглядит так, как будто вам просто нужно привести в порядок ваши значения. JSONValueProvider в MVC преобразует это обратно в IEnumerable для вас. 

7
Tejs

ЕСЛИ ВСЕ ОСТАЛЬНОЕ ТЕРПИТ НЕУДАЧУ...

Ни один из ответов здесь не решил мою проблему. Я пытался сделать вызов метода GET из JavaScript в контроллер веб-API MVC и отправить массив целых чисел в качестве параметра в этом запросе. Я попробовал все решения здесь, но все же параметр на моем контроллере показывал NULL (или Nothing для вас VB пользователей). 

В конце концов я нашел свое решение в другом SO посте , и это было действительно очень просто: просто добавьте аннотацию [FromUri] перед параметром массива в контроллере (мне также пришлось сделать вызов, используя «традиционный» параметр AJAX, чтобы избежать аннотаций в скобках). Ниже приведен фактический код, который я использовал в своем приложении.


Подпись контроллера:

 Controller Signature ПРИМЕЧАНИЕ: аннотация в C # будет[FromUri]


JavaScript:

$.get('/api/InventoryApi/GetBalanceField', $.param({productIds: [42], inventoryFormId: 5493, inventoryBalanceType: 'Beginning'},true)).done(function(data) {console.log(data);});

Фактическая строка URL:

http://randomhostname/api/InventoryApi/GetBalanceField?productIds=42&inventoryFormId=5493&inventoryBalanceType=Beginning
2
Lopsided

Немного поздно здесь, но я мог бы использовать решение SNag дальше в $ .ajax (). Вот код, если он кому-нибудь поможет:

var array = [1, 2, 3, 4, 5];

$.ajax({
    type: "GET",
    url: '/controller/MyAction',
    data: $.param({ data: array}, true),
    contentType: 'application/json; charset=utf-8',
    success: function (data) {
    },
    error: function (x, y, z) {
    }
});

// Action Method
public void MyAction(List<int> data)
{
    // do stuff here
}
0
Saket

Если вы переходите на ASP.NET Core MVC из .Net Framework MVC, как я, вещи немного изменились. Вызов ajax должен выполняться для необработанного объекта с использованием stringify, поэтому вместо передачи данных { vals: arrayOfValues } он должен быть JSON.stringify(arrayOfValues) следующим образом:

$.ajax({
   url: 'controller/myaction',
   data: JSON.stringify(arrayOfValues),
   success: function(data) { /* Whatever */ }
});

Другое изменение, которое было сделано в ASP.NET Core, состоит в том, чтобы предотвратить подделку межсайтовых запросов, поэтому для вызовов действия MVC из метода ajax атрибут [FromBody] должен применяться к параметру действия следующим образом:

public ActionResult MyAction([FromBody] IEnumerable<int> arrayOfValues )
0
Michael Armitage

Если вы используете ASP.NET Core MVC и вам нужно обрабатывать квадратные скобки (а не использовать "традиционный" параметр jQuery), единственная найденная опция - это вручную построить IEnumerable в методе контроллера ,.

string arrayKey = "p[]=";
var pArray = HttpContext.Request.QueryString.Value
    .Split('&')
    .Where(s => s.Contains(arrayKey))
    .Select(s => s.Substring(arrayKey.Length));
0
x5657