Как передать параметр javascript контроллеру и обратно

@Siend Ilu · Регистрация: 13.08.2014

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

Только начал изучать asp.net. Пытаюсь сделать простейшую вещь:
Хочу определить объект javascript:

JavaScript
1
2
3
4
Temp= {
a:2,
b:5
}

И передать его контроллеру, где уже сложить эти два числа. При этом, у меня есть модель:

C#
1
2
3
4
5
    public class TestModel
    {
        public int Num1 { get; set; }
        public int Num2 { get; set; }
    }

И обратная задача - пусть в контроллере:

C#
1
2
3
string res = string.Empty;
res = (складываем переданные a и b).ToString();
ViewBag.Result = res;

Как теперь передать ViewBag в переменную js?

P.S.: Интересует непосредственно работа с объектами javascript. То есть не добавлять значения value в скрытые input (ведь если наш объект куда сложнее будет, это уже не вариант)

@Монфрид · 09.01.2015, 17:30

Сообщение от Siend Ilu

То есть не добавлять значения value в скрытые input (ведь если наш объект куда сложнее будет, это уже не вариант)

ничего другого не придумали пока. Но вы можете придумать..
Создаётся скрытое поле, с которым вы работаете на js, оно же потом передаётся при постбеке

@Siend Ilu · 09.01.2015, 17:34 **[ТС]**

То есть по сути придется парсить объект?

@Монфрид · 09.01.2015, 17:37

Сообщение от Siend Ilu

То есть по сути придется парсить объект?

весь парсинг сводится к одной строке кода:

JavaScript
1
var obj=JSON.parse(inputValue);

@Siend Ilu · 09.01.2015, 17:39 **[ТС]**

ну это если передается одно значение, а если там целый объект? Например массив? Или я чего-то не до понимаю? И это в одну сторону, а в другую как прочитать из этого объекта, не подскажите?)

@Монфрид · 09.01.2015, 17:47

Сообщение от Siend Ilu

не до понимаю?

да, не понимаете.
Любой сложный объект, который вы передадите в hidden input будет сериализован в json-строку.
Чтобы на js получить этот объект вызывается parse()
Чтобы обратно сериализовать объект на js вызывается

JavaScript
1
JSON.stringify(someObject);

@Siend Ilu · 09.01.2015, 18:40 **[ТС]**

Спасибо, стало понятнее, буду пробовать)

Добавлено через 34 минуты
Попытался, но что-то у меня с парсингом не то(
Вот мой контроллер:

C#
1
2
3
4
5
6
7
        public ActionResult Index()
        {
            ViewBag.Result = new int [2];
            ViewBag.Result[0] = 1;
            ViewBag.Result[1] = 2;
            return View();
        }

Вот мой view:

HTML5
1
2
3
4
5
6
        <input id="test" type="hidden" value="@ViewBag.Result" />
 
           <script>
               var test = JSON.parse(document.getElementById("test").value)
               alert (test)
           </script>

Говорит что ошибка в JSON.parse(document.getElementById("test ").value)

@Монфрид · 09.01.2015, 18:58

Сообщение от Siend Ilu

JSON.parse(document.getElementById("test ").value)

без понятия что там у вас не так. Выведите в консоль значение поля test

@Siend Ilu · 09.01.2015, 19:14 **[ТС]**

если выводить document.getElementById("test"),то выводит System.Int32[]
А в самом test походу ничего, так как скрипт прерывается ошибкой
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

Добавлено через 4 минуты
Судя по всему я что-то не так делаю

<input id="test" type="hidden" value="System.Int32[]" />

Так в браузере выглядит мой инпут. Во вью я его задавал след образом:

<input id="test" type="hidden" value="@ViewBag.Result" />

Судя по всему я просто преобразовал ViewBag.Result к строковому значению, потому и получаю в итоге тип. А как передать все же массив?

Добавлено через 8 минут
Так, я попробовал сделать так:

HTML5
1
<input id="test" type="hidden" value=JSON.stringify(@ViewBag.Result) />

Но получил в value:

HTML5
1
<input id="test" type="hidden" value=JSON.stringify(System.Int32[]) />

Я так понимаю что нужно еще раньше преобразовывать объект в JSON строку. Попробовал переделать контроллер вот таким образом:

C#
1
2
3
4
5
6
7
8
9
10
      
  public ActionResult Index()
        {
            
            int [] Arr = new int [2];
            Arr[0] = 1;
            Arr[1] = 2;
            ViewBag.Result = JSON.stringify(Arr);
            return View();
        }

Но он не понимает JSON. Нужна ли на него директива для сборки? Сейчас у меня используются:

C#
1
2
3
4
5
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;

@Монфрид · 09.01.2015, 19:19

Siend Ilu,
вот так попробуйте:

C#
1
ViewBag.Result = JSON(Arr);

@Siend Ilu · 09.01.2015, 19:22 **[ТС]**

Тоже не помогает. Говорит что JSON не существует в данном контексте, ну как если бы не было директивы на сборку. А его вообще можно использовать то в c#? или только в коде javascript?

@Монфрид · 09.01.2015, 19:30

Сообщение от Siend Ilu

Говорит что JSON

Json это метод контроллера.
Напишите Json, вместо заглавных

@Siend Ilu · 09.01.2015, 19:42 **[ТС]**

В контролере:
Подключил:

C#
1
using System.Web.Helpers;

Изменил:

C#
1
ViewBag.Result = Json(Arr);

Ошибки пропали, нормально хавает.

Во view:

HTML5
1
<input id="test" type="hidden" value=@ViewBag.Result />

Отображается в браузере вот таким вот образом:

HTML5
1
<input id="test" value="System.Web.Mvc.JsonResult" type="hidden">

Меня это смущает, потому что по сути то должно это выглядеть иначе...
Соответственно дальше скрипт снова падает на

JavaScript
1
var test = JSON.parse(document.getElementById("test").value)

с ошибкой:
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

Если изменит на

JavaScript
1
var test = Json.parse(document.getElementById("test").value)

то ошибка будет
ReferenceError: Json is not defined

Я так понимаю что все же вот тут:

HTML5
1
<input id="test" value="System.Web.Mvc.JsonResult" type="hidden">

value должен как то иначе выглядеть(

@Монфрид · 09.01.2015, 20:56

Siend Ilu, в общем, так сделайте в контроллере:

C#
1
ViewBag.Result=new System.Web.Script.Serialization.JavaScriptSerializer().Serialize(Arr);

@Siend Ilu · 09.01.2015, 21:10 **[ТС]**

YES!!! Это сработало, смог в javascript'e получить свою переменную. А как теперь в обратную сторону отправить?

Вот что я делаю:

HTML5
1
2
3
4
5
6
7
8
9
10
11
 @using (Html.BeginForm("Index","Test")) { 
        <input type="submit" onclick=""/>
        <input id="test" type="hidden" value="" />            
        }
        <script>
            var obj = {
                        a: 1,
                        b: 2
                    }
            document.getElementById("test").value = JSON.stringify(obj)
        </script>

Что мне добавить, чтобы по нажатию на кнопку выполнялась функция, в которой ViewBag.Result присваивалось значение value скрытого инпута, и как после этого его десериализовать?

Контроллер на пост запрос пока выглядет так:

C#
1
2
3
4
5
        [HttpPost]
        public ActionResult Index()
        {
            return View();
        }

@Монфрид · 09.01.2015, 21:32

Сообщение от Siend Ilu

Что мне добавить, чтобы по нажатию на кнопку выполнялась функция, в которой ViewBag.Result

ViewBag вам никак не вернётся.
Вам нужно в пост методе добавить входной строковый параметр такого же имени как и name (не id, а name) у input'a.
После чего эту строку вы сможете десериализовать в объект JavaScriptSerializer'ом

@Siend Ilu · 09.01.2015, 21:57 **[ТС]**

А какого он будет типа?
Во view добавил имя для инпута:

HTML5
1
<input id="test" type="hidden" value="" name="testInp" />

В контроле делаю так:

C#
1
2
3
4
5
        [HttpPost]
        public ActionResult Index(testInp)
        {
            return View();
        }

Но понятно что я не правильно передаю параметр, только я не знаю как правильно это сделать ><

@Монфрид · 09.01.2015, 22:43

Сообщение от Siend Ilu

А какого он будет типа?

я же писал

Сообщение от Монфрид

входной строковый параметр

@Siend Ilu · 09.01.2015, 23:38 **[ТС]**

Точно, сори за невнимательность. Исправил вот так:

C#
1
2
3
4
5
6
        [HttpPost]
        public ActionResult Index(string testInp)
        {
            var obj = new System.Web.Script.Serialization.JavaScriptSerializer().Deserialize(testInp);
            return View();
        }

но что-то я не то указал, потому что компилятор выдает ошибку:
Аргументы-типы для метода "System.Web.Script.Serialization.JavaScr iptSerializer.Deserialize<T>(string)" не должны определяться по использованию. Попытайтесь явно определить аргументы-типы.

@Монфрид · 10.01.2015, 09:39

Сообщение от Siend Ilu

компилятор выдает ошибку:

каким образом он должен понять в какой тип ему преобразовать строку? там есть generic метод, его и используйте

Новые блоги и статьи Все статьи Все блоги /
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 . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025

@Siend Ilu 0 / 0 / 0 Регистрация: 13.08.2014 Сообщений: 80
	09.01.2015, 17:34 [ТС]
	То есть по сути придется парсить объект? 0

@Siend Ilu 0 / 0 / 0 Регистрация: 13.08.2014 Сообщений: 80
	09.01.2015, 17:39 [ТС]
	ну это если передается одно значение, а если там целый объект? Например массив? Или я чего-то не до понимаю? И это в одну сторону, а в другую как прочитать из этого объекта, не подскажите?) 0

@Siend Ilu 0 / 0 / 0 Регистрация: 13.08.2014 Сообщений: 80
	09.01.2015, 19:22 [ТС]
	Тоже не помогает. Говорит что JSON не существует в данном контексте, ну как если бы не было директивы на сборку. А его вообще можно использовать то в c#? или только в коде javascript? 0

Как передать параметр javascript контроллеру и обратно

Решение