Question

如何返回同一控制器的另一个视图？我为应用程序做了一些调试：ajax方法调用控制器动作，传递参数，执行指令。在

return View("GetEmployeeDays", model);,

“GetEmployeeDays”视图从模型中接收值并填充，但最后在浏览器中我收到初始视图（来自我发出的请求） - 而不是GetEmployeeDays视图

来自Global.asax的路由代码：

public static void RegisterRoutes(RouteCollection routes)
 {
  routes.IgnoreRoute("{resource}.axd/{*pathInfo}");
  routes.MapRoute(
      "Default", // Route name
      "{controller}/{action}/{id}", // URL with parameters
       new { controller = "Home", action = "Index", id = UrlParameter.Optional } // Parameter defaults
    );          
  }

调用动作控制器并传递参数的JQuery代码：

<script type="text/javascript">
  $(document).ready(function () {
  $('li').click(function () {
  $.ajax({
    url: '@Url.Action("GetEmployeeDays", "ApproveWork")',
    type: 'GET',
    dataType: 'json',
    contentType: 'application/json; charset=utf-8',
    data: { userCode: $(this).attr('id') }
   })
  });
});

应呈现GetEmployeeDays视图的控制器操作：

   [HttpGet]
   public ActionResult GetEmployeeDays(string userCode)
   {
      .....
    return View("GetEmployeeDays", model);
   }

Answer 1

您无法通过ajax请求重定向。尝试一个简单的GET请求：

<script type="text/javascript">
$('li').on('click', function()
{
   document.location.href = '@Url.Action("GetEmployeeDays", "ApproveWork")' + '?param1=val1&param2=val2';
});
</script>

现在控制器很好。

已编辑：已按要求更新

Answer 2

在不知道正在重新呈现的原始视图的情况下，我会说你的问题很可能就是你应该将它作为PartialView返回，因为你正在发出一个Ajax请求。此外，它看起来并不像你实际上在任何地方渲染结果。你的小提琴响应是什么？它是否显示返回的HTML？如果是这样，您可能只需要通过利用$ .ajax中的.done回调将其转储到页面上。

<script type="text/javascript">
$(document).ready(function () {
$('li').click(function () {
$.ajax({
    url: '@Url.Action("GetEmployeeDays", "ApproveWork")',
    type: 'GET',
    dataType: 'json',
    contentType: 'application/json; charset=utf-8',
    data: { userCode: $(this).attr('id') }
    }).done(function() {
       $(this).addClass("done");
  });
});
</script>

Answer 3

如果您想简单地将某些内容加载到页面的一部分而不重新加载到新页面，则应该在ajax函数的回调中更新页面的特定部分。

$(function(){
 $('li').click(function () {
     var uCode=$(this).attr("id");
     $.get("@Url.Action("GetEmployeeDays","ApproveWork")?userCode="+uCode,
                                                          function(response){
       $("#DivToBeUpdated").html(response);
     });
 });
});

如果要重定向到新视图，则应通过更新location.href属性值来执行此操作。

$(function(){
 $('li').click(function () {
     var uCode=$(this).attr("id");
     var url="@Url.Action("GetEmployeeDays","ApproveWork")?userCode="+uCode;
     window.location.href=url;         
     });
 });
});

Answer 4

？从@David Diez建立，您可以按如下方式将参数附加到您的请求中：

<script type="text/javascript">
$('li').on('click', function()
{
   document.location.href = '@Url.Action("GetEmployeeDays", "ApproveWork", new { caseSensativeParamName = "foo" })';
});
</script>

当然，您也可以使用JavaScript路线。这样的事情应该有效：

<script type="text/javascript">
$('li').on('click', function()
{
   var targetUrl = '@Url.Action("GetEmployeeDays", "ApproveWork")';
   var yourParam = $("#input-id").val();
   targetUrl = targetUrl + '?yourServerParamName=' + yourParam;
   document.location.href = targetUrl;
});
</script>

干杯。

在使用ajax之后返回同一控制器的另一个MVC3视图

4 个答案: