代码改变世界

ASP.NET MVC controller 之间传JS值

2013-08-18 23:34  sql_manage  阅读(3797)  评论(2编辑  收藏  举报

在ASP.NET MVC中有东西叫TempData,它的类型是TempDataDictionary,它与ViewData以及ViewBag的不同之处在于

它的内部是使用session来保存信息的,可以理解为暂存的意思。虽然是通过session在保存信息,但它的生命周期是“一次网页的请求”。

利用这一点,我们可以用它在做MVC 中action之间的传值。以下是我传值的一点经验,高手请忽略,呵呵。

假如我们有一张学生管理的页面,其中有学生添加功能,以及学生展示列表。我们是通过一个Action来展示所有信息的,就像是web form一样

那么在controller中会有这样一个action

 [HttpGet]
        public ActionResult Students()
        {
            ViewBag.title = "Add Student Page";
            ViewBag.jsMessage = TempData["jsMessage"] == null ? "" : TempData["jsMessage"].ToString();//判断并给ViewBag赋值
            return View(StudentsPage_Load());
        }

  要添加学生我们就必须有一个Add action如下:

 [HttpPost]
        public ActionResult Add(Students student) 
        {
            if (ModelState.IsValid)
            {
                StudentsBLL bll = new StudentsBLL();
                bll.Add(student);
                TempData["jsMessage"] = "alert('success');";//利用TempData暂存数据
            }
            return RedirectToAction("Students");
        }

  请注意上述代码中的注释部分,它是说添加成功之后,返回原有的页面。也就是说这个Add  action并没有对应的view。

     那么在添加学生成功之后要在原有的页面中用JS弹出一个添加成功的对话框。可以在Students的View中这样写

 <script type="text/javascript">
  @Html.Raw(@ViewBag.jsMessage)
 </script>

  其中@Html.Raw是表示不对输出进行转义。这里有个地方要注意。如果直接在cshtml文件中写

TempData["jsMessage"]则会输出转义后的字符。但如果这样写的话:
@Html.Raw(TempData["jsMessage"])
页面的编译将会报错。所以必须在Students这个Action中加入
ViewBag.jsMessage作为数据的承接。