Aufruf Der Controller-Methode, Die Return-Ansicht Mit Ajax-Aufruf Aus Asp.net Ansicht-Seite

Habe ich button. Ich möchte die route der neuen Ansicht wenn ich klickte die Schaltfläche. Der button ist wie folgt:

<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>

wenn die Schaltfläche geklickt wird, und als die Methode, die weiter unten ausgeführt werden:

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

meine controller-action unter:

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

wenn ich mein Programm Debuggen, Fluss kam, um meine controller-action. Aber die index-web-Seite, nicht die route auf der test-Seite anzeigen. Fehler ist nicht aufgetreten. Was kann ich tun für diesen Zustand ?

Der Sinn und Zweck von ajax ist, bleiben Sie auf der gleichen Seite. Wenn Sie umleiten wollen bei der Methode POST dann nicht mit ajax. Alternativ, wenn du was hinzufügen die Ansicht, die Sie zurück in die test() - Methode, dann mit der success Rückruf und aktualisieren Sie die DOM - (obwohl in diesem Fall ViewBag.CityName = CityName; sinnlos ist) - z.B. success: function(response) { $(someElement).html(response); }

InformationsquelleAutor Jackson Casper | 2016-09-16

  1. 3

    Wenn Sie will, um die Seite aktualisieren:

    Controller:

    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

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

    Wenn Sie nicht will, um die Seite aktualisieren:

    Controller:

    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() },
        type: 'POST',
        success: function (data) {
            $("#divContent").html(data);
        }
    });
});
</script>

    TestAjax.cshtml:

    @ViewBag.Name

    InformationsquelleAutor Sandip - Full Stack Developer

Schreibe einen Kommentar