从Asp.net查看页面调用Ajax调用返回视图的控制器方法

发布时间：2020-12-15 23:53:39 所属栏目：asp.Net 来源：网络整理

导读：我有按钮.我点击按钮时想要路由新视图.按钮如下： button type="button" id="btnSearch" class="btn btn-warning" style="height:35px;width:120px" i class="fa fa-search" aria-hidden="true"/i translateSearch/translate /button 单击按钮时,以及下面运

我有按钮.我点击按钮时想要路由新视图.按钮如下：

<button type="button" id="btnSearch" class="btn btn-warning" style="height:35px;width:120px"> <i class="fa fa-search" aria-hidden="true"></i> <translate>Search</translate> </button>

单击按钮时,以及下面运行的方法：

$('#btnSearch').click(function () {
        return $.ajax({
            url: '@Url.Action("test","ControllerName")',data: { Name: $('#Name').val() },type: 'POST',dataType: 'html'
        });
    });

我的控制器动作如下：

public ActionResult test(string CityName) {
            ViewBag.CityName = CityName;
            return View();
                          }

当我调试我的程序时,流程来到我的控制器动作.但索引网页不会路由到测试视图页面.没有发生错误.我能为这个州做些什么？

解决方法

如果要刷新页面：

控制器：

public ActionResult Index()
{            
    return View();
}

public ViewResult Test()
{
    ViewBag.Name = Request["txtName"];
    return View();
}

Index.cshtml：

@using (Html.BeginForm("Test","Home",FormMethod.Post ))
{
    <input type="submit" id="btnSearch" class="btn btn-warning" style="height:35px;width:120px" value="Search"/> 
    <label>Name:</label><input type="text" id="txtName" name="txtName" />
}

Test.cshtml：

@ViewBag.Name

=============================================

如果您不想刷新页面：

控制器：

public ActionResult Index()
{            
    return View();
}

[HttpPost]
public PartialViewResult TestAjax(string Name)
{
    ViewBag.Name = Name;
    return PartialView();
}

Index.cshtml：

<input type="button" id="btnSearch" class="btn btn-warning" style="height:35px;width:120px" value="Search"/> 
<label>Name:</label><input type="text" id="txtName" name="txtName" />


<script>
$('#btnSearch').click(function () {
    $.ajax({
        url: '@Url.Action("TestAjax","Home")',data: { Name: $("#txtName").val() },success: function (data) {
            $("#divContent").html(data);
        }
    });
});
</script>

TestAjax.cshtml：

@ViewBag.Name

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!