ActionLink in jQuery

Dies ist meine Methode:

$(document).ready(function () {
    $('td.clickableCell').click(function () {
        var currentObject = null; 
        currentObject = $(this).text();
        @Html.ActionLink("GetThis", "Get", new {theName = currentObject} )
    });
});

aber Sie sagt, dass currentObject existiert nicht im aktuellen Kontext. Wie man dieses Problem beheben?

Sie können nicht schreiben asp.net mvc-code in javascript
Also wie rufe ich die action-Methode auf, wenn ein button geklickt wird?
manchmal ist es am besten, Tauchen Sie ein und bitten Sie, die dummen Fragen. Ich finde, dass ich lernen schneller, die Art und Weise, anstatt zu versuchen, die Erinnerungen ein Buch oder 2

InformationsquelleAutor petko_stankoski | 2012-01-11

  1. 5

    Statt @Html.ActionLink sollten Sie die jQuery.erhalten Funktion. `@Html.ActionLink wird auf dem server ausgeführt, während javascript wird auf dem client ausgeführt.

    $(document).ready(function () {
    $('td.clickableCell').click(function () {
        var currentObject = $(this).text();
        $.get('@Url.Action("GetThis", "Get")', {theName : currentObject});
    });
});

    Den Url.Action auf dem server gerendert wird, und geben Sie die entsprechende url ein. Die $.get eine get Anfrage auf dem client.

    Halten Sie im Verstand, wenn das javascript ist in einer .js - Datei, die Url.Action wird nicht ausgeführt. In diesem Fall können Sie wollen einfach nur, um es zu ersetzen mit /Get/GetThis zu machen oder die url in einem hidden-Feld auf der Seite und erhalten den Wert des versteckten Feldes in Ihrem .js Datei.

    Brauchen Sie eine action-Methode sieht wie folgt aus, um Zugriff auf die parameter:

    public ActionResult GetThis(string theName)
{
    //manipulate theName
    return View();
}
    Ich versuchte dies und es funktioniert nicht 🙁 Der name des controller GetController, die Namen der actionMethod ist GetThis. Sollte GetThis Parameter haben, die in Ihrer definition?
    Dieser leidet immer noch unter dem gleichen problem, dass die OP ursprünglich hat, nämlich die Vermischung von client-side code in server-side-code, der bereits auf dem server ausgeführt werden und wurde an den client ausgeliefert werden
    Wenn dieser code in einer .cshtml-Seite der server-code Rendern wird die Url. Ich erwähnt in meinem letzten Absatz
    Was ist mit meinem vorherigen Kommentar?
    behoben 🙂

    InformationsquelleAutor John Kalberer

  2. 4

    currentObject ist ein JavaScript-String-Objekt, das Sie versuchen, pass in die server-Seite code. Wenn Sie brauchen, um dies zu tun auf der client-Seite,

    $(function () {
    $('td.clickableCell').click(function () { 
        var currentObject = $(this).text();

        //find the anchor element that you need to change,
        //then change the property on it to the value
        //of currentObject
        $('a').attr('title', currentObject);
    });
});

    Alternativ, ist es möglich, dass Sie brauchen, um zu senden den Wert an den server in irgendeiner Weise. Wenn das JavaScript oben ist innerhalb einer Razor-Ansicht, dann

    $(function () {
    $('td.clickableCell').click(function () { 
        var currentObject = $(this).text();

        //make a HTTP GET request and pass currentObject as a queryparam
        window.location = '@Url.Action("Action", "Controller")' + '?theName=' + encodeURIComponent(currentObject);
    });
});

    Den '@Url.Action("Action", "Controller")' Teil wird bewertet wurden auf der server-Seite und wurde gelöst durch den UrlHelper, um den URL der route auf, dass die controller-action. Wir setzen diesen Wert in einfache Anführungszeichen ein, wie wir brauchen, es zu benutzen auf der client-Seite in JavaScript-Variablen. Dann fügen wir currentObject als Abfrage-parameter (und Kodieren Sie es in der gleichen Zeit).

    Also, wie kann ich an den controller?
    Was Sie brauchen, um passieren, um den controller - Wert von currentObject? Wie sollte es auch weitergegeben werden - per AJAX einen GET-request, eine POST-Anforderung? Wenn Sie mehr erarbeiten, was Sie zu tun versuchen, ich bin mir sicher, dass ich Ihnen helfen kann
    Ja, ich muss übergeben Sie den Wert von currentObject. BEKOMMEN.
    Aber wie Sie Zugang zu currentObject in der actionMethod?
    Aktualisiertes Beispiel (fehlte uqery string Parametername). Wenn jetzt deine action-Methode nimmt eine string theName parameter, erhält es den Wert als argument übergeben.

    InformationsquelleAutor Russ Cam

  3. 1

    Sie mischen client-side code, der mit serverseitigen code. Diese Zeile wird auf dem server ausgeführt vor nichts an den client gesendet:

    @Html.ActionLink("GetThis", "Get", new {theName = currentObject} )

    Linie, dass, von selbst, Referenzen, etwas, das nicht existiert. currentObject der nicht vorhanden sein, bis es ist in JavaScript auf dem client. Dieser JavaScript-code, aus der Perspektive der server, ist nichts weiter als text.

    InformationsquelleAutor David

Schreibe einen Kommentar