Asp.net mvc 4 确认输入数据后如何弹出消息框_Asp.net Mvc 4_Asp.net Mvc 5

Asp.net mvc 4 确认输入数据后如何弹出消息框

asp.net-mvc-4 asp.net-mvc-5

Asp.net mvc 4 确认输入数据后如何弹出消息框,asp.net-mvc-4,asp.net-mvc-5,Asp.net Mvc 4,Asp.net Mvc 5,我想弹出一个消息框，在提交表单后通知用户一条成功消息我有以下控制器和视图。 public class HomeController : Controller { // GET: Home public ActionResult Index() { return View(); } [HttpPost] public ActionResult Index(Perso

我想弹出一个消息框，在提交表单后通知用户一条成功消息

我有以下控制器和视图。

 public class HomeController : Controller
    {
        // GET: Home
        public ActionResult Index()
        {
            return View();
        }

        [HttpPost]
        public ActionResult Index(PersonModel person)
        {
            int personId = person.PersonId;
            string name = person.Name;
            string gender = person.Gender;
            string city = person.City;

            return View();
        }
    }

看法-

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <style type="text/css">
        body {
            font-family: Arial;
            font-size: 10pt;
        }

        table {
            border: 1px solid #ccc;
            border-collapse: collapse;
            background-color: #fff;
        }

        table th {
            background-color: #B8DBFD;
            color: #333;
            font-weight: bold;
        }

        table th, table td {
            padding: 5px;
            border: 1px solid #ccc;
        }

        table, table table td {
            border: 0px solid #ccc;
        }

        input[type=text], select {
            width: 150px;
        }
    </style>
</head>
<body>
    @using (Html.BeginForm("Index", "Home", FormMethod.Post))
    {
        <table cellpadding="0" cellspacing="0">
            <tr>
                <th colspan="2" align="center">Person Details</th>
            </tr>
            <tr>
                <td>PersonId: </td>
                <td>
                    @Html.TextBoxFor(m => m.PersonId)
                </td>
            </tr>
            <tr>
                <td>Name: </td>
                <td>
                    @Html.TextBoxFor(m => m.Name)
                </td>
            </tr>
            <tr>
                <td>Gender: </td>
                <td>
                    @Html.DropDownListFor(m => m.Gender, new List<SelectListItem>
                   { new SelectListItem{Text="Male", Value="M"},
                     new SelectListItem{Text="Female", Value="F"}}, "Please select")
                </td>
            </tr>
            <tr>
                <td>City: </td>
                <td>
                    @Html.TextBoxFor(m => m.City)
                </td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="Submit" /></td>
            </tr>
        </table>
    }
</body>
</html>


指数
身体{
字体系列：Arial；
字号：10pt；
}
桌子{
边框：1px实心#ccc；
边界塌陷：塌陷；
背景色：#fff；
}
表th{
背景色：#B8DBFD；
颜色：#333；
字体大小：粗体；
}
表th、表td{
填充物：5px；
边框：1px实心#ccc；
}
桌子，桌子{
边框：0px实心#ccc；
}
输入[类型=文本]，选择{
宽度：150px；
}
@使用（Html.BeginForm（“Index”，“Home”，FormMethod.Post））
{
人员详细信息
人物：
@Html.TextBoxFor（m=>m.PersonId）
姓名：
@Html.TextBoxFor（m=>m.Name）
性别：
@DropDownListFor（m=>m.Gender，新列表
{new SelectListItem{Text=“Male”，Value=“M”}，
新建SelectListItem{Text=“Female”，Value=“F”}，“请选择”）
城市：
@Html.TextBoxFor（m=>m.City）
}

您只需使用ViewBag和Javascript即可完成此操作

在控制器中：

public ActionResult Index()
{
    ViewBag.SuccessMessage = "";
    return View();
}

[HttpPost]
public ActionResult Index(PersonModel person)
{
    int personId = person.PersonId;
    string name = person.Name;
    string gender = person.Gender;
    string city = person.City;

    ViewBag.SuccessMessage = "Data has been Inserted!"

    return View();
}

在你身体的末端添加一个脚本

<script>
    $(document).ready(function() {
        if(@ViewBag.SuccessMessage != ""){
            alert(@ViewBag.SuccessMessage);
        }
    });
</script>


$（文档）.ready（函数（）{
如果（@ViewBag.SuccessMessage！=“”）{
警报（@ViewBag.SuccessMessage）；
}
});

查看此页面，您可以使用JavaScript、Modal和Json