MVC3 JQuery Ajax передача JSON данных от клиента серверу

@Pruvet · Регистрация: 10.09.2009

Студворк — интернет-сервис помощи студентам

Код на клиенте

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
                $.ajax({url:'@Url.Action( "Index" )', 
                type:'POST',
                data:JSON.stringify("abcdef"),
                dataType:'json',
                processData:false,
                ContentType:'application/json; charset=utf-8',
                success: function (data) {
                    var items = [];
                    $.each(data, function (key, val) {
                            alert(val);
                    });
                }});

Код контроллера на сервере:

C#
1
2
3
4
5
6
7
8
9
10
11
        [HttpPost]
        public ActionResult Index(string str)
        {
            if (Request.IsAjaxRequest())
            {
                //Вот здесь str  = null
                ...
            }
            else
                return View();
        }

При выполнении клиентского кода вызывается контроллер Index на сервере, но параметр str равен null, хотя ожидаема строка abc.

Как решить?

@andrew_w2k · 12.09.2013, 13:17

Зачем Вам здесь Json?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
$.ajax({url:'@Url.Action( "Index" )', 
                type:'POST',
                data:{str: "abcdef"},
                dataType:'html',
                processData:false,
                ContentType:'application/json; charset=utf-8',
                success: function (data) {
                    var items = [];
                    $.each(data, function (key, val) {
                            alert(val);
                    });
                }});

@Pruvet · 12.09.2013, 13:35 **[ТС]**

Это пример со строкой я хотел показать что даже строку не могу передать. Фактически мне потребуется передавать массив, а в дальнейшем сложный объект

и dataType это формат ответа от сервера с ним у меня проблем нет. Сервер передает данные в JSON а клиент их принимает. Проблемма в отправке данных от клиента серверу а за это отвечает contentType.

@andrew_w2k · 12.09.2013, 13:45

так сразу и показывайте с каким объектом работаете, как он формируется и т.п.

Добавлено через 2 минуты

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
$.ajax({url:'@Url.Action( "Index" )', 
                type:'POST',
                data:{str: JSON.stringify("abcdef")},
                dataType:'json',
                processData:false,
                ContentType:'application/json; charset=utf-8',
                success: function (data) {
                    var items = [];
                    $.each(data, function (key, val) {
                            alert(val);
                    });
                }});

@AndreyIvaneneko · 12.09.2013, 16:52

Сообщение от Pruvet

Это пример со строкой я хотел показать что даже строку не могу передать. Фактически мне потребуется передавать массив, а в дальнейшем сложный объект

и dataType это формат ответа от сервера с ним у меня проблем нет. Сервер передает данные в JSON а клиент их принимает. Проблемма в отправке данных от клиента серверу а за это отвечает contentType.

для акшена скорее всего(другого я просто не знаю) придется десериализовать(сложный-объект) из json самому(в самописном аттрибуте или байндере). для метода вебсервиса такое есть(мвс как бы и не нада).

@VladA4 · 27.09.2013, 14:24

Для того что бы вернуть Json из Action , Вам надо использовать return Json(model,JsonRequestBehavior.AllowGet)
и тогда asp.net mvc сам сделает сериллизацию, а на уровне Jquery в success callback получить result и оперировать с ним.

примечание:если возврат будет коллекция то можно использовать jquery each

JavaScript
1
$(result).each(function(){ alert(this.PropertyName);});

От себя могу добавить, что на уровне JavaScript кода потеряет строгую типизацию и не будет проверять на валидность схемы, то есть пример:
this.Name или this.Naem все равно будет считаться верным из-за динамической составляющей JavaScript кода.

Могу посоветовать решение, которое подкупает своей новизной, а именно возможность разрабатывать "богатые" клиентские сценарии без написания JavaScript кода.

Для наглядности рассмотрим на примере Вашей задачи

Код View

C#
1
2
3
4
5
6
        @(Html.When(JqueryBind.InitIncoding)
              .Do()
              .AjaxGet(Url.Action("Fetch"))
              .OnSuccess(dsl => dsl.Self().Core().Insert.WithTemplate(Selector.Jquery.Id(tmplId)).Html())
              .AsHtmlAttributes(new { @class = "container" })
              .ToDiv())

Код Controller

C#
1
2
3
4
5
6
        [HttpGet]
        public ActionResult Fetch()
        {
            return IncodingResult.Success(data.Select(r => r.Value)
                                              .ToList());
        }

Описание этого и других примеров можно найти в блоге, а так же ознакомится с решением на сайте.

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Как объединить две одинаковые БД Access с разными данными VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@Pruvet 0 / 0 / 0 Регистрация: 10.09.2009 Сообщений: 65
	12.09.2013, 13:35 [ТС]
	Это пример со строкой я хотел показать что даже строку не могу передать. Фактически мне потребуется передавать массив, а в дальнейшем сложный объект и dataType это формат ответа от сервера с ним у меня проблем нет. Сервер передает данные в JSON а клиент их принимает. Проблемма в отправке данных от клиента серверу а за это отвечает contentType. 0