如何在不刷新页面的情况下发送和接收数据

Question

我有表格中的数据。然后单击输入（文本框），将数据发送到 mvc控制器并在此数据中执行操作，并将新数据获取到另一个文本框。

但不刷新页面。如何使用JSON？

Answer 1

如果要通过表单发送服务器中的数据并且不刷新页面，则必须使用MVC Ajax 。 BeginForm ，在 MVC < / strong> 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/blogs/using-ajax-in-asp-net-mvc