Как передать значение из javascript в controller c#?

Пользователь

от jaylen.trantow , в категории: JavaScript , 2 года назад

Как передать значение из javascript в controller c#?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от urban_will , 2 года назад

@jaylen.trantow 

Для передачи значения из JavaScript в контроллер C# вам нужно отправить HTTP-запрос из JavaScript, который будет обрабатываться контроллером.


Вот пример, как это сделать:

  1. В контроллере C# создайте метод, который будет принимать значение, например:
1
2
3
4
5
6
[HttpPost]
public ActionResult MyAction(string myValue)
{
   // Здесь вы можете использовать значение, переданное из JavaScript
   return View();
}


  1. В JavaScript создайте функцию, которая будет отправлять запрос на сервер с помощью объекта XMLHttpRequest или с помощью библиотеки jQuery, например:
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
function sendDataToServer(value) {
   $.ajax({
      type: "POST",
      url: "/MyController/MyAction",
      data: { myValue: value },
      success: function(data) {
         // Действия при успешном ответе сервера
      },
      error: function() {
         // Действия при ошибке
      }
   });
}


  1. Вызовите эту функцию и передайте ей значение:
1
sendDataToServer("Мое значение");


В этом примере мы отправляем POST-запрос на метод MyAction контроллера MyController с параметром myValue, который содержит переданное значение из JavaScript. В контроллере мы можем использовать это значение, как нам нужно.


Это простой пример. В зависимости от вашей ситуации, возможно, вам понадобится изменить некоторые параметры, например, тип запроса, URL и данные, которые вы отправляете.

Пользователь

от deshaun_cormier , год назад

@jaylen.trantow 

Вот пример того, как передать значение из JavaScript в контроллер C#, используя fetch API:


В контроллере C# создайте метод, который принимает значение, например:

1
2
3
4
5
6
[HttpPost]
public ActionResult MyAction(string myValue)
{
   // Здесь вы можете использовать значение, переданное из JavaScript
   return View();
}


В JavaScript создайте функцию, которая будет отправлять запрос на сервер с помощью fetch API:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
function sendDataToServer(value) {
   fetch('/MyController/MyAction', {
      method: 'POST',
      headers: {
         'Content-Type': 'application/json'
      },
      body: JSON.stringify({ myValue: value })
   })
   .then(response => {
      // Действия при успешном ответе сервера
   })
   .catch(error => {
      // Действия при ошибке
   });
}


Вызовите эту функцию и передайте ей значение:

1
sendDataToServer("Мое значение");


В этом примере мы отправляем POST-запрос на метод MyAction контроллера MyController с параметром myValue, который содержит переданное значение из JavaScript. В контроллере мы можем использовать это значение, как нам нужно.


Обратите внимание, что в этом примере я использовал JSON для передачи данных. Вам также следует убедиться, что URL и другие параметры запроса соответствуют вашей ситуации.