Как отправлять и получать данные без обновления страницы

Question

У меня есть данные в форме.и я нажимаю для ввода (текстовое поле), отправляю данные в контроллер mvc и выполняю операцию с этими данными и получаю новые данные в другое текстовое поле.

, но не обновляю страницу.Как я могу использовать JSON?

Answer 1

Если вы хотите отправлять и получать данные с сервера с формой и без обновления страницы, тогда вы должны использовать MVC Ajax . BeginForm , In MVC Форма Ajax предоставляет нам опцию ajax для события «Перед событием формы, события успеха формы и события ошибки формы», я создал демо-версию для того же события, которое вы можете изменить в вызове события в соответствии с вашими требованиями.

1.cshtml код, как показано ниже:

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/jquery.validate.min.js"></script>
    <script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script>

    <div class="">
        @using (Ajax.BeginForm("SendOrGetData", "Home", new AjaxOptions { OnSuccess = "OnSucessForm1" }, new { @id = "Form1" }))
        {
            <input type="text" id="textbox1" name="textbox1" />

            <input type="text" id="textbox2" />

            <input type="submit" id="btnSubmit" value="Submit" />
        }
    </div>

    <script>
        function OnSucessForm1(res) {
            $("#textbox2").val(res);
        }
    </script>

2.Код контроллера, как показано ниже:

        public JsonResult SendOrGetData(string textbox1)
        {
            string res = textbox1;
            return Json(res, JsonRequestBehavior.AllowGet);
        }

Примечание. Я отправил форму, нажав кнопку. Вы можете использовать событие запуска формы при нажатии на текстовое поле.

Answer 2

Ajax-вызов используется для этого. Для пошагового руководства перейдите по ссылке ниже:

https://www.c -sharpcorner.com / блоги / с использованием Ajax-в-Asp-нет- * MVC 1005 *