Übergabe von Variablen mit POST an eine weitere Seite mit Jquery

Ich bin relativ neu in Jquery und ich Frage mich, wie man post-Variablen an eine andere Seite und dann umleiten? Ich verwendete ajax-Funktion, die Umleitung funktioniert, aber keine Variablen erfasst werden, in der POST (Sie sind leer)

function linkWO() {

    $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            url: "LinkTagOut.aspx",
            dataType: "json",
            data: "{id=1}",
            complete:
            function () {
                window.location = "LinkTagOut.aspx";
            }

    });
}

in meiner aspx-Datei

<a href="javascript:void(0);" onclick="return linkWO();"><span>Link</span></a>
  • gnomixa - ich kann Weg Basis hier, aber es sieht für mich wie Sie vielleicht sein Missverständnis der Zweck der ajax-call. Es klingt, als ob Sie buchen möchten, einige Werte auf eine Seite, so als ob Sie die Einreichung eines Formulars (im Gegensatz zu asynchron, so dass Sie nicht navigieren Weg von Ihrem aktuellen Seite). Ist das richtig?
  • ja, du hast Recht. ist das möglich ohne ein Formular?
  • ich aktualisiert meine Antwort sehen, ich denke, das ist, was Sie tun möchten
InformationsquelleAutor sarsnake | 2010-12-03
  1. 2

    Diese Antwort ist nur für eine schnelle Lösung

    warum gehst du nicht einfach übergeben, die als query-string hier 

    window.location = "LinkTagOut.aspx?variabletopass=test"; 
    <form id="target" action="destination.html">
  <input type="text" value="Hello there" />
  <input type="submit" value="Go" />
</form>
<div id="other">
  Trigger the handler
</div>

$('#target').submit(function() {
$.post('ajax/test.html', function(data) {      
});
  return false;
});
    • als Hinweis: mein Szenario, siehe Kommentare oben, dies war der am besten geeignete Weg, es zu tun.
    • in asp-net normalerweise die form übermittelt seinen ursprünglichen Seite. Also das ist, warum ich entschied mich zu übergeben die Variable querystring. Natürlich konnte das Formular abschicken, um seine Seite befasst sich dann mit der Geposteten Variablen gibt und dann umleiten zu destination.html. Aber ich wählte den einfachen Weg.
    InformationsquelleAutor kobe
  2. 3
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "LinkTagOut.aspx",
        dataType: "json",
        data: { id: 1 }, //or the string: 'id=1'
        complete:
        function () {
            window.location = "LinkTagOut.aspx";
        }

});

    Aus der $.ajax-Dokumentation (data option):

    Daten werden an den server gesendet. Es wird in einer Abfrage
    string, wenn nicht bereits ein string. Es ist
    angehängt an die url für die GET-requests.
    Sehen processData option um dies zu verhindern
    die automatische Verarbeitung. Objekt muss sein
    Schlüssel/Wert-Paaren. Wenn der Wert ein Array ist,
    jQuery serialisiert mehrere Werte mit
    gleichen Schlüssel, basierend auf dem Wert des
    die traditionelle Einstellung (unten beschrieben).

    Stellen Sie außerdem sicher, dass return false vom Ende der submit-handler (oder was auch immer löst die ajax-aufrufen), um sicherzustellen, dass eine 'normale' redirect ist nicht passiert.

    • was ist der Unterschied zwischen seinem code und dem code, abgesehen von der Daten-hash //
    • der data-parameter ist der wesentliche Unterschied. Es muss entweder ein Objekt oder ein string sein. Er war vorbei, ein komisches Objekt-ish, die würde nicht zu arbeiten.
    • funktioniert nicht. versucht, das schon.
    • danke
    • POST könnte leer sein, wenn die Seite umgeleitet wird, bevor der ajax-Aufruf passiert, was der Fall sein könnte, wenn Sie nicht false zurückgeben, am Ende der entsprechenden event-handler.
    • danke, bitte erläutern Sie, was die passenden event-handler wäre in diesem Fall. alles was ich will, es zu tun, übergeben Sie eine variable mit POST an eine andere Seite. sollte ziemlich einfach sein.
    • $("form").submit(function() { $.ajax( { options ) }; return false; });
    • Ich habe meine vollständigen code. ich bin immer noch unklar, was soll false zurückgeben.
    • setzen return false rechts am Ende der linkWO() vor dem letzten schließenden Klammer.
    • Ich habe gerade jetzt. hat nicht funktioniert
    • ich bin Total verblüfft von dieser
    • sind Sie sicher, dass die POST funktioniert mit redirect? ich konnte nicht finden, dass solche Referenzen online....dieser code tatsächlich funktioniert für Sie?
    • du machst etwas falsch, müssen Sie die Verwendung von form.füllen Sie, wenn Sie wollen, tragen Sie die Daten zu einer anderen Seite , auf den Erfolg, den Sie werden nur umgeleitet zu einer anderen Seite , wie kann Sie erwarten, dass die Seite hav-Daten....//
    • machen Sie eine Formular post auf den Erfolg von ajax api.jquery.com/jQuery.post
    • Dank Gov, kann ich Steuern, Innenseite JS-code, wo die form legt? Ich bin die änderung jemand code und nicht ändern wollen, Ihre html-zu viel. Es ist asp.net so bildet in der Regel auf der gleichen Seite, Sie stammen aus....keine Eingabe-hier?
    • Alles was ich will zu tun ist, übergeben der variable an eine andere Seite, mit der POST...ist es möglich mit Jquery? Scheint unnötig schwer.
    • warum don Sie einfach als query-string hier Fenster.location = "LinkTagOut.aspx?variabletopass=test";
    • das ist, was ich bin, Rückgriff auf. und es funktioniert. Die Sache ist aber, dass ich zu tun haben zusätzliche Validierung dann. Da die Benutzer oft man mit der URL. Aber ya, scheint, wie das ist, was ich tun sollte.
    • soll ich poste meinen Kommentar als Antwort...lassen Sie mich wissen, wenn es ok ist
    • sicher, aber ich möchte, um zu bestätigen, für die zukünftige Verweisung, dass die einzige mögliche Art und Weise zu übergeben, POST vars zu einer anderen Seite mit Jquery ist die alte Art und Weise (form submit)?
    • sehen Sie können es in zwei Formen angenommen, Sie haben eine füllen Sie die Schaltfläche schreiben Sie Ihre jquery-code für die form submit durch ajax, die kümmert sich um die Buchung der auf der anderen Seite. Aber hier haben Sie ein Aufruf über ajax an die Seite, die besonders die Funktionalität, die Sie möglicherweise tun müssen, um in einer anderen Methode, und rufen Sie im click-Ereignis des senden und true oder false zurückgeben , sobald diese Methode retruns wahr, dass bedeutet Sie sind fertig mit ajax und schließlich können Sie tun, eine form post.

    InformationsquelleAutor karim79
  3. 0

    Haben Sie einen Blick auf die "data" - option auf dieses doc Seite: http://api.jquery.com/jQuery.ajax/

    Dein problem ist, dass Sie versuchen, übergeben Sie einen json-string (und es ist gültig, um eine Zeichenfolge übergeben), aber wenn Sie eine Zeichenfolge übergeben, jQuery, erwartet Sie eine parametrisierte Abfrage-string. Wenn Sie übergeben möchten ein json-Objekt, sollte es nicht einen string.

    Beachten Sie jedoch, dass json-Objekte übergeben, der auf diese Weise konvertiert werden, um eine parametrisierte Abfrage-string von jQuery, also, wenn es nicht unbequem (wie in diesem Fall, wo haben Sie nur einen Wert), Sie könnten genauso gut passieren, dass es der Weg, um mit zu beginnen, und speichern Sie das Skript einiges an Arbeit.

    InformationsquelleAutor Ender
  4. 0

    Wenn du gerne weniger code, dies zu tun:

    1. gehören jquery.redirect.min.js im javascript (js) Ordner.

    2. Datei laden, NACH dem JQUERY-Skript laden:

      <script type='text/javascript' src='jquery.js'> 
</script>

<script type='text/javascript' src='jquery.redirect.min.js'>
</script>

    3. Ersetzen Sie einfach die gewünschten Parameter auf die nächste Zeile (copy/paste) in Ihren javascript-code:

      $().redirect('targeturl.html', {'post_var_1': 'value1', 'post_var_2': 'value2'});

    Dies ist die einfachste und Schnellste Methode, die ich gefunden habe für die Buchung von Variablen an eine andere Seite ohne Verwendung des form-Tags. Viel Glück!

    • Der trick mit der code in einer Liste anfügen von vier zusätzlichen Leerzeichen (8 Räume Gesamt) formatieren Sie es als code.
    InformationsquelleAutor Alejo Toro
Schreibe einen Kommentar