ASP.NET Как передать массив из javascript в контроллер?

Question

[Omlet01]

Пишу приложение ASP.NET MVC. В представлении есть скрипт, в нем имеется массив
var array = [];
Вопрос: Как передать этот массив в метод контроллера?

Answer 1

[mletov]

1) На клиенте сериализуйте передаваемые данные в json

2) Создайте в C# класс, аналогичный структуре элемента массива созданного json, например, SomeClass.

3) Создайте действие в контроллере, получающее на вход лист такого класса

public ActionResult MyAction(List<SomeClass> data)
{
          ....
}

4) Передайте ajax'ом данные в это действие контроллера
Рекомендую воспользоваться jquery/angular, а не заморачиваться с чистым js, смотря что у вас на клиенте используется.

PS Не забудьте сверить метод передачи и метод, прописанный в Annotation действия (POST, GET, PUT, DELETE)

PPS В вашем случае, возможно, все проще и можно на вход действия получать

public ActionResult MyAction(string[] data)
{
          ....
}

Зависит от того, какая структура массива. Что он содержит: числа, строки, объекты?

Comments

[Omlet01]

Попробовал такой код: в представлении

var postData = { values: array};

        $.ajax({
            type: "POST",
            url: "/Home/Gen",
            data: postData,
            success: function (data) {
                alert(data.Result);
            },
            dataType: "json",
            traditional: true
        });

В контроллере метод

public JsonResult Gen(List<String> values)
        {
            return Json(new { Result = String.Format("Fist item in list: '{0}'", values[0]) });
        }

В результате строка ""Fist item in list: 10, 40" выводится в Alert, т.е. массив успешно передается в контроллер, вопрос в том как там дальше с ним работать, например передавать в другие методы и т.д. в алерт выводить мне его не нужно.

[mletov]

Omlet01: А зачем вы его вообще возвращаете обратно на клиент? Чтобы проверить, что данные дошли успешно, достаточно поставить брейкпоинт в экшене. Вам ведь действие с массивом надо произвести на сервере, вот и производите. А на клиент возвращайте числовой статус или строковое сообщение о результате операции.
Например,

public string Gen(List<String> values)
        {
           try
           {
            //Делаем что-то с переданным массивом
            return "Действия с массивом успешно произведены";
            }
            catch
            {
             return "Произошла ошибка!";      
            }
        }

В другие методы передавайте точно так же, как передали в этот

[Omlet01]

mletov: ни одно из сообщений не выводится, вообще ничего не происходит теперь

[mletov]

Omlet01: Вы метод передачи в annotation прописали? по умолчанию он GET, а вы передете через POST.

[HttpPost]
public string Gen(List<String> values)

и в Alert пишите просто alert(data)
и консоль в js посмотрите, нет ли ошибок

[Omlet01]

mletov: да, [HttpPost] был изначально. ошибок в консоли js нет. пробежался в пошаговом дебаге, в методе все выполняется и вызывается, за исключением return. не возвращает ни строку ни представление

[mletov]

Omlet01: замените alert(data) на console.log(data) и посмотрите консоль js

[Omlet01]

mletov: в хроме в консоле ничего

[mletov]

за исключением return. не возвращает ни строку ни представление

Так не бывает. Если в экшен попадает, то и в return должен. Что-то на стороне js не так.
Если сами не разберетесь, то сделайте тестовый проект с нужными функциями и приложите сюда - посмотрю

[Omlet01]

mletov: return выполняется, по крайней мере отладчик туда заходит. Вот тестовый проект [Ссылка на GDrive]
Контроллер home, представление index. кнопка вызывает скрипт Test, который передает массив в метод контроллера Test. Метод, в свою очередь, должен возвращать строку.

[mletov]

Omlet01: Запустил
В консоли, как и следовало ожидать, написано "Действия с массивом успешно произведены", т е ответ с сервера прилетел.
Если у вас консоль пуста, то посмотрите, как она настроена, возможно, у вас какие-то оповещения отключены или еще что-то.

[Omlet01]

mletov: а разве такой return не на html страницу должен эту строку выводить? хорошо, а не могли бы вы тогда попробовать в этом примере попробовать возвращать ActionResult View? буду очень благодарен

[mletov]

Omlet01:

а разве такой return не на html страницу должен эту строку выводить?

Это же ajax, его используют в основном для частичной перезагрузки представления.
Чтобы вывести на html страницу ответ с сервера, создайте область, в которую выводить, и пишите туда

типа
<div id="result"></div>
и в колбэке

...
$("#result").html(data);
...

[Роман]

mletov: Аннотации в Java, в C# атрибуты )))))

[mletov]

Роман: Согласен, просто в голове крутилось пространство имен DataAnnotations , но методы передачи в него не входят)

[Omlet01]

mletov: спасибо за помощь! разобрался с частичным представлением в итоге.

[mletov]

Omlet01: пожалуйста)