asp.net mvc跳转提示实现

最新推荐文章于 2021-07-01 19:20:21 发布

qiu_xiaojie

最新推荐文章于 2021-07-01 19:20:21 发布

阅读量696

点赞数

分类专栏： .net 文章标签： .net js跳转执行提示

本文链接：https://blog.csdn.net/u010558325/article/details/43760265

版权

.net 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

在执行完操作后往往需要显示执行的结果，可以使用js来实现执行后跳转并显示信息的功能。

视图

@{
    Layout = null;
}

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>跳转提示</title>
</head>
<body>
    <div class="system-message">
        <h1>@ViewBag.Redirect["message"]</h1>
        <p class="jump">
            页面自动 <a id="href" href="@ViewBag.Redirect["url"]">跳转</a> 等待时间： <b id="wait">@ViewBag.Redirect["time"]</b>
        </p>
    </div>
    <script type="text/javascript">
    (function () {
        var wait = document.getElementById('wait'), href = document.getElementById('href').href;
        var interval = setInterval(function () {
            var time = --wait.innerHTML;
            if (time <= 0) {
                location.href = href;
                clearInterval(interval);
            };
        }, 1000);
    })();
    </script>
</body>
</html>

跳转数据

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;

namespace EditorOnline.Util
{
    public class RedirectData
    {
        public static Dictionary<String, Object> GetSuccess(String url, String message)
        {
            return GetRedirect(url, message, 2);
        }

        public static Dictionary<String, Object> GetRedirect(String url, String message, int time)
        {
            Dictionary<String, Object> dic = new Dictionary<string, object>();
            dic.Add("url", url);
            dic.Add("message", message);
            dic.Add("time", time);
            return dic;
        }

        public static Dictionary<String, Object> GetFail(String url, String message)
        {
            return GetRedirect(url, message, 3);
        }

    }
}

跳转功能

/// <summary>
        /// 页面跳转视图
        /// </summary>
        /// <param name="url"></param>
        /// <param name="message"></param>
        /// <param name="time"></param>
        /// <returns></returns>
        protected ViewResult Redirect(String url, String message, int time)
        {
            this.ViewBag.Redirect = RedirectData.GetRedirect(url, message, time);
            return this.View("redirect");
        }

调用示例

return Redirect("/Home/Index", "执行成功", 2);

在需要跳转的控制器中使用

qiu_xiaojie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
asp.net mvc跳转提示实现

在执行完操作后往往需要显示执行的结果，可以使用js来实现执行后跳转并显示信息的功能。视图@{ Layout = null;} 跳转提示 @ViewBag.Redirect["message"] 页面自动跳转等待时间： @ViewBag.Redirect["time"]
复制链接

扫一扫

专栏目录