Передайте масив 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

Тому я майже там, якщо я зніму квадратні дужки, я отримаю правильну відповідь. Як я повинен передавати цей масив в моє отримання, щоб контролер міг розпізнати, що це таке?

Велике спасибі за вашу допомогу

Дейв

Встановіть традиційне властивість на істинне, перш ніж здійснити дзвінок. тобто:

jQuery.ajaxSettings.traditional = true

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

У мене в минулому виникали проблеми при спробі виконати POST (не впевнений, чи це саме те, що ви робите, але я пам'ятаю при передачі масиву в, для традиційного потрібно встановити значення true .

 var arrayOfValues = new Array();

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

Досить пізно, але по- різному відповідь на вже наявні тут:

Якщо замість цього $.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властивість, ЯКІ ПОВИНЕН бути, trueщоб це працювало .

Ви повинні зробити це просто чудово:

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

Тоді ваш спосіб дії буде таким:

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

Для вас це виглядає так, що вам просто потрібно впорядкувати свої цінності. JSONValueProvider в MVC перетворить це назад в IEnumerable для вас.

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

З документації 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

HTH

ЯКЩО ВСІ ВІДБУТИ НЕПРАВИ ...

Жодна з інших відповідей тут не вирішила моєї проблеми. Я намагався здійснити виклик методу GET з JavaScript на контролер веб-API MVC та надіслати масив цілих чисел як параметр у цьому запиті. Я спробував усі рішення тут, але все-таки параметр на моєму контролері з'явився NULL (або нічого для вас, користувачі VB).

Зрештою, я знайшов своє рішення в іншому записі SO , і це було насправді дуже просто: Просто додайте [FromUri]анотацію перед параметром масиву в контролері ( я також повинен був здійснити виклик за допомогою "традиційного" налаштування AJAX, щоб уникнути анотацій дужок ). Нижче див. Фактичний код, який я використав у своїй програмі.

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

ПРИМІТКА. Анотація в 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

Тут трохи пізно, але я міг використати рішення 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
}

Якщо ви переходите на 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 )

Якщо ви використовуєте 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));

Я працюю з asp.net core 2.2 і jquery і маю подати складний об'єкт ("основний клас") з виду до контролера з простими полями даних та деякими масивами.
Як тільки я додав масив у визначення c # 'main class' (див. Нижче) і подав (правильно заповнений) масив через ajax (post), весь об'єкт був недійсним у контролері.
По-перше, я думав, відсутність "традиційного: правдивого" мого дзвінка в аяксі була причиною, але це не так.
У моєму випадку причиною стало визначення в c # 'main class'.
У "головному класі" у мене було:

public List<EreignisTagNeu> oEreignistageNeu { get; set; }

і EreignisTagNeu було визначено як:

public class EreignisTagNeu
{
 public int iHME_Key { get; set; } 
}

Мені довелося змінити визначення в "головному класі" на:

 public List<int> oEreignistageNeu { get; set; }

Зараз це працює.
Отже ... для мене здається, що в ядрі asp.net є проблема (з публікацією), якщо список масиву не визначений повністю в "головному класі".
Примітка. У моєму випадку це працює з або без "традиційного: істинного" для виклику Ajax

Вам потрібно перетворити масив у рядок:

//arrayOfValues = [1, 2, 3];  
$.get('/controller/MyAction', { arrayOfValues: "1, 2, 3" }, function (data) {...

це працює навіть у формі int, long або string

public ActionResult MyAction(int[] arrayOfValues )