Как вызвать процедуру из cshtml по нажатию кнопки

@tonche · Регистрация: 15.05.2014

Добрый день, мне необходимо по нажатию на кнопку в cshtml вызвать c# процедуру, которая отправит запрос на сервер
Как можно это сделать, не перезагружая и не меняя url страницы, на которой находится пользователь?

@Masia_March · 07.08.2014, 12:03

Привет!
В этом тебе поможет AJAX

Razor

HTML5

@{
    ViewBag.Title = "ASP.NET MVC 4 Lesson";
    Layout = "../_LayoutPage.cshtml";
}
 
<h2 class="text-center">"ASP.NET MVC 4 AJAX Lesson"</h2>
<div class="text-center" style="padding: 50px 0">
<input type="button" id="btn" style="width: 200px" class="btn btn-success text-center" value="Жмяк">
    </div>
<div style="display: none;margin: 20px 0" class="alert alert-info text-center" role="alert"></div>
@section script
{
    <script type="text/javascript">
        $(document).ready(function () {
            $('#btn').on('click', function () {
                var btn = $(this);
                btn.button('loading');
                $.ajax({
                    type: 'POST',
                    async: true,
                    cache: false,
                    url: '@Url.Action("GetInformation")',
                    success: function (data) {
                        btn.button('reset');
                        $('.alert').css('display', 'block').text(data.title);
                    }
                });
            });
        });
    </script>
}

Controller

C#

public class HomeController : Controller
    {
        //
        // GET: /Home/
 
        public ActionResult Index()
        {
            return View();
        }
 
        [HttpPost]
        public ActionResult GetInformation()
        {
            if (Request.IsAjaxRequest())
            {
                return Json(new { title = "Hello, world!" });
            }
            return null;
        }
    }

MVCAJAXLesson.7z

@Монфрид · 07.08.2014, 12:26

всё это делается и без грамма скрипта:

C#

@Ajax.ActionLink("Click me", "TestAjaxMethod", null,new AjaxOptions{HttpMethod = "POST"});
 
[HttpPost]
    public void TestAjaxMethod()
    {
        DoSmth();
    }

@tonche · 07.08.2014, 14:37 **[ТС]**

я написал

C#

@Ajax.ActionLink("Click me", "MakeCall", "HomeController", new AjaxOptions{HttpMethod = "POST"});
 
        [HttpPost]
        public void MakeCall()
        {
            string domain = GetDomainName(HttpContext.User.Identity.Name);
        }

и отвалился с ошибкой

Ошибка сервера в приложении '/'.

Не удалось найти данный ресурс.
Описание: HTTP 404. Возможно, искомый ресурс (или одна из его зависимостей) удален, получил другое имя или временно недоступен. Просмотрите следующий URL-адрес и проверьте, что он введен правильно.

Запрошенный URL: /HomeController/MakeCall

что я сделал не так?

@Alkemona · 10.08.2014, 14:32

а HttpGet контролллер сделал?)

@tonche · 11.08.2014, 10:25 **[ТС]**

Проблема была в том, что я писал Homecontroller вместо просто Home, теперь у меня вызывается HttpGet Make Call, но URL меняется на ~home/makecall, хотя изначальный смысл был в том, что из этого метода выполняется запрос от сервака другому серваку, а в самом интерфейсе ничего не менялось

HTML5

1	@Ajax.ActionLink("Click me", "MakeCall", "home", new AjaxOptions{HttpMethod = "POST"});

C#

        [HttpPost]
        public void MakeCall()
        {
            string domain = GetDomainName(HttpContext.User.Identity.Name);
            if (domain == "alpha")
            {
            }
            if (domain == "sigma")
            {
            }
        }
 
        [HttpGet]
        public void MakeCall()
        {
            string domain = GetDomainName(HttpContext.User.Identity.Name);
            if (domain == "alpha")
            {
            }
            if (domain == "sigma")
            {
            }
        }

@Alkemona · 12.08.2014, 14:07

ну и еще проблема в том что у тебя должен или get, или post запрос с параметром быть или использовать в аттрибуте httpost такую конструкцию:

C#

[HttpPost,ActionName("MakeCall")]
        public void ConfirmCall()
        {
            string domain = GetDomainName(HttpContext.User.Identity.Name);
            if (domain == "alpha")
            {
            }
            if (domain == "sigma")
            {
            }
        }

@tonche · 13.08.2014, 14:10 **[ТС]**

мне нужно просто запустить функцию при нажатии на ссылку/кнопку в cshtml, не открывая нового окна и никуда не redirect'ясь
как вариант - окно, затемняющее фон, поверх основного, главное - не закрывать основной сеанс

@Монфрид · 14.08.2014, 10:50

tonche,
если у вас происходит переход на другую страницу при вызове ajax, значит, у вас не подключены
jquery.unobtrusive-ajax.min.js, jquery.validate.min.js, jquery.validate.unobtrusive.min.js
через nuget всё это установить можно

@tonche · 18.08.2014, 11:13 **[ТС]**

подключены все эти библиотеки, а так же unobtrusive-ajax.js, validate.js, validate-vsdoc, validate.unobtrusive.js

@quizzer · 18.08.2014, 19:13

tonche, вполне возможно, то просто они неправильно подключены

@tonche 0 / 0 / 0 Регистрация: 15.05.2014 Сообщений: 20
		1
	Как вызвать процедуру из cshtml по нажатию кнопки 07.08.2014, 10:31. Просмотров 4004. Ответов 10 Метки нет (Все метки) Добрый день, мне необходимо по нажатию на кнопку в cshtml вызвать c# процедуру, которая отправит запрос на сервер Как можно это сделать, не перезагружая и не меняя url страницы, на которой находится пользователь? 0

@Alkemona 1 / 1 / 1 Регистрация: 27.01.2014 Сообщений: 15
	10.08.2014, 14:32	5
	а HttpGet контролллер сделал?) 1

@tonche 0 / 0 / 0 Регистрация: 15.05.2014 Сообщений: 20
	13.08.2014, 14:10 [ТС]	8
	мне нужно просто запустить функцию при нажатии на ссылку/кнопку в cshtml, не открывая нового окна и никуда не redirect'ясь как вариант - окно, затемняющее фон, поверх основного, главное - не закрывать основной сеанс 0

@Монфрид 1212 / 1022 / 293 Регистрация: 07.03.2012 Сообщений: 3,243 Завершенные тесты: 2
	14.08.2014, 10:50	9
	tonche, если у вас происходит переход на другую страницу при вызове ajax, значит, у вас не подключены jquery.unobtrusive-ajax.min.js, jquery.validate.min.js, jquery.validate.unobtrusive.min.js через nuget всё это установить можно 0

@tonche 0 / 0 / 0 Регистрация: 15.05.2014 Сообщений: 20
	18.08.2014, 11:13 [ТС]	10
	подключены все эти библиотеки, а так же unobtrusive-ajax.js, validate.js, validate-vsdoc, validate.unobtrusive.js 0

@quizzer 180 / 58 / 7 Регистрация: 28.08.2012 Сообщений: 363
	18.08.2014, 19:13	11
	tonche, вполне возможно, то просто они неправильно подключены 0

Опции темы