返回局部视图或视图

Question

From my Home page i have a search textbox that when search is clicked calls an ajax search function which calls my controller. Based on the searchString that is passed I want to either replace a div with a gridview (this part is working) or have it load a new page. Instead it is loading the new view in the same div that the partial views are replacing. How can I do this? Ill post my code below. All my data is coming back correctly and everything else is working just fine.

<script>

    $(function () {
        $('.search').click(function () {
            var $buttonClicked = $(this);
            var searchString = $("#searchStringTextBox").val();

            $.ajax({
                url: '@Url.Action("ShowGrids")',
                type: 'GET',
                data: { searchString: searchString },
                modal: true,
                success: function (partialView) {
                    $('#gridViews').html(partialView);
                    $('#gridViews').show();
                }
            });
        });
    });
</script>

controller

public ActionResult ShowGrids(string searchString)
    {
        if (IsValidPersonIdFormat(searchString))
        {
            var id = searchString.Substring(1);
            id = id.Replace("-", "");
            var x = Convert.ToInt64(id);
            var model = cs.GetById(x);
            TempData["model"] = model;
            return Redirect(Url.Action("ShowPersonDetails", "Data"));
        }
        else if(IsValidIdFormat(searchString))
        {
            var id = searchString.Substring(1);
            id = id.Replace("-", "");
            var model = ps.GetById(Convert.ToInt64(id));
            return View("Details", model);
        }
        else if (IsValidServiceIdFormat(searchString))
        {
            var id = searchString.Substring(1);
            id = id.Replace("-", "");
            var model = vss.GetById(Convert.ToInt64(id));
            return PartialView("ServiceDetails", model);
        }
}

   public ActionResult ShowPersonDetails()
    {
        var model = TempData["model"];
        return View("PersonDetails", model);
    }

This has every way I tried to get it to work. Just figured I would show what I was trying and it not working.

Answer 1

The if on server-side is not affecting what the javascript does on success: it's stuffing the results of the call into a div.

If that's not what you want to do, you need to test for the results in javascript and do something else if what you got is not a partial view.

Answer 2

确保每次使用jQuery调用动作时，如果要重定向，动作都会将HTML字符串返回到jQuery，而不是从动作返回一些json字符串到jQuery调用并从那里重定向页面

Answer 3

You can do something like this. This is not fully tested.

public JsonResult ShowGrids(string searchString)
{
        if (IsValidPersonIdFormat(searchString))
        {
            var id = searchString.Substring(1);
            id = id.Replace("-", "");
            var x = Convert.ToInt64(id);
            var model = cs.GetById(x);
            TempData["model"] = model;
            return Json(new { IsRedirect = true, RedirectUrl = Url.Action("ShowPersonDetails", "Data") }, JsonRequestBehavior.AllowGet);
        }
        else if(IsValidIdFormat(searchString))
        {
            var id = searchString.Substring(1);
            id = id.Replace("-", "");
            var model = ps.GetById(Convert.ToInt64(id));
            return Json(new { IsRedirect = false, Content = RenderRazorViewToString("Details", model) }, JsonRequestBehavior.AllowGet);
        }
        else if (IsValidServiceIdFormat(searchString))
        {
            var id = searchString.Substring(1);
            id = id.Replace("-", "");
            var model = vss.GetById(Convert.ToInt64(id));
            return Json(new { IsRedirect = false, Content = RenderRazorViewToString("ServiceDetails", model) }, JsonRequestBehavior.AllowGet);
        }
}

<script>

    $(function () {
        $('.search').click(function () {
            var $buttonClicked = $(this);
            var searchString = $("#searchStringTextBox").val();

            $.ajax({
                url: '@Url.Action("ShowGrids")',
                type: 'GET',
                data: { searchString: searchString },
                modal: true,
                success: function (data) {
                    if(data.IsRedirect){
                        window.location.href = data.RedirectUrl;
                    }
                    else{
                        $('#gridViews').html(data.Content);
                        $('#gridViews').show();
                    }
                }
            });
        });
    });
</script>

Code for rendering view to string:

public string RenderRazorViewToString(string viewName, object model)
{
  ViewData.Model = model;
  using (var sw = new StringWriter())
  {
    var viewResult = ViewEngines.Engines.FindPartialView(ControllerContext,
                                                             viewName);
    var viewContext = new ViewContext(ControllerContext, viewResult.View,
                                 ViewData, TempData, sw);
    viewResult.View.Render(viewContext, sw);
    viewResult.ViewEngine.ReleaseView(ControllerContext, viewResult.View);
    return sw.GetStringBuilder().ToString();
  }
}