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

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

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

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

Javascript

Temp= {
a:2,
b:5
}

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

C#

    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#

        public ActionResult Index()
        {
            ViewBag.Result = new int [2];
            ViewBag.Result[0] = 1;
            ViewBag.Result[1] = 2;
            return View();
        }

Вот мой view:

HTML5

        <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#

      
  public ActionResult Index()
        {
            
            int [] Arr = new int [2];
            Arr[0] = 1;
            Arr[1] = 2;
            ViewBag.Result = JSON.stringify(Arr);
            return View();
        }

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

C#

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

 @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#

        [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#

        [HttpPost]
        public ActionResult Index(testInp)
        {
            return View();
        }

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

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

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

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

я же писал

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

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

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

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

C#

        [HttpPost]
        public ActionResult Index(string testInp)
        {
            var obj = new System.Web.Script.Serialization.JavaScriptSerializer().Deserialize(testInp);
            return View();
        }

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

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

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

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

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

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

@Монфрид 1245 / 1055 / 293 Регистрация: 07.03.2012 Сообщений: 3,247
	09.01.2015, 19:30	12
	Сообщение от Siend Ilu Говорит что JSON Json это метод контроллера. Напишите Json, вместо заглавных 0

@Монфрид 1245 / 1055 / 293 Регистрация: 07.03.2012 Сообщений: 3,247
	09.01.2015, 21:32	16
	Сообщение от Siend Ilu Что мне добавить, чтобы по нажатию на кнопку выполнялась функция, в которой ViewBag.Result ViewBag вам никак не вернётся. Вам нужно в пост методе добавить входной строковый параметр такого же имени как и name (не id, а name) у input'a. После чего эту строку вы сможете десериализовать в объект JavaScriptSerializer'ом 0

@Монфрид 1245 / 1055 / 293 Регистрация: 07.03.2012 Сообщений: 3,247
	09.01.2015, 17:30	2
	Сообщение от Siend Ilu То есть не добавлять значения value в скрытые input (ведь если наш объект куда сложнее будет, это уже не вариант) ничего другого не придумали пока. Но вы можете придумать.. Создаётся скрытое поле, с которым вы работаете на js, оно же потом передаётся при постбеке 0

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

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

@Монфрид 1245 / 1055 / 293 Регистрация: 07.03.2012 Сообщений: 3,247
	09.01.2015, 18:58	8
	Сообщение от Siend Ilu JSON.parse(document.getElementById("test").value) без понятия что там у вас не так. Выведите в консоль значение поля test 0

@Монфрид 1245 / 1055 / 293 Регистрация: 07.03.2012 Сообщений: 3,247
	09.01.2015, 22:43	18
	Сообщение от Siend Ilu А какого он будет типа? я же писал Сообщение от Монфрид входной строковый параметр 0

@Монфрид 1245 / 1055 / 293 Регистрация: 07.03.2012 Сообщений: 3,247
	10.01.2015, 09:39	20
	Сообщение от Siend Ilu компилятор выдает ошибку: каким образом он должен понять в какой тип ему преобразовать строку? там есть generic метод, его и используйте 0

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

Решение