post-Formular mit jquery und öffnen sich in einem neuen Fenster

habe ich eine Seite mit jquery und zwei Textfelder

ich habe einen button mit folgendem script

  <input name="text1" type="text" id="text1" />
   <input name="text2" type="text" id="text2" />

<A class="floatRight button buttonAction3" href="#" name="save" id="save">Send</A>

ich möchte ein Jquery script zu laden send.php

oben-Taste, klicken Sie auf

und Daten der beiden Textfelder werden die " senden als post

und send.php öffnen sich in einem neuen Fenster mit der angegebenen Breite und hohe

eigentlich möchte ich nicht zum verarbeiten von Daten unter Verwendung von $.post.

was ich möchte, ist das öffnen von neuen Fenster mit

window.open()

öffnen und dann eine php-Datei in das Fenster mit post-Daten.

Dank

InformationsquelleAutor air | 2011-07-30

  1. 2

    Die schnelle Antwort auf Ihre Frage wäre, verwenden Sie ein Formular und fügen Sie ein target="_blank" - Attribut, das nicht geben Ihnen die Kontrolle über die Breite und Höhe, obwohl.

    Aber ich denke, Sie sollte sich ändern, wie Sie nähern sich dieser situation. Dieser Ansatz wird erweitern es eine riesige Schmerzen in den Arsch. Machen Sie Gebrauch von s ist. jQuery umgehen kann Formen viel einfacher als zufälligen input-Elemente innerhalb der Seite.

    <form id="search" method="post" action="send.php">
  <input type="hidden" name="id" value="25">
  <input type="text" name="email" placeholder="[email protected]">
  <input type="submit" value="Send">
</form>

    Können wir jetzt tun:

      //Sweet, the form was submitted...
  $('#search').submit(function(e){

    //Let's get the form with jQuery...
    $form = $(this);

    //Now you can do things like...
    $.post( $form.attr('action'), $form.serializeArray(), function( result ) {
        //"result" will inclue whatever the script returns...
    });

    //If you really need to open up the new window the only way I can think of controlling the size is with a get request...
    window.open( $form.attr('action') + '?' + $form.serialize(), 'PopUp', 'width=100,height=100' );

    //Stop the browsers default behavoir from kicking in!
    e.preventDefault()


});

    InformationsquelleAutor Bill Criswell

  2. 1
    $(document).ready(function() {
    $("#save").click(function(e) {
        e.preventDefault();
        $.post("send.php", { text1 : $("#text1").val(), text2 : $("#text2").val() },
              function(html) {
                  //open new window here
              }
    });
});

    Gegeben, dass Ihre Elemente sind nicht umwickelt, in einer form, die oben genannten sollten ausreichen. Erklärung:

    • Binden Sie einen click-Ereignishandler der Schaltfläche speichern. Verhindern, dass die Standard - 'Aktion' der link mit e.preventDefault().
    • Post die zwei Werte in die text-Eingaben mithilfe von jQuery $.post high-level-ajax-Methode.
    • send.php erhalten ein $_POST array sieht wie array("text1" => "thetext", "text2" => "thetext")
    • Der Erfolgs-callback-Funktion zu $.post auslöst, sobald der server verschickt seine Antwort zurück an den client. Das ist, wo Sie möchten Sie Ihre neuen Fenster.

    Referenz:

    zunächst muss zwei mal klicken, link , zweitens, was wird sein neues laden-Fenster code, wie ich verwenden window.open("page.php",null,"height=500,width=800,status=yes,toolbar=no,menubar=no,location=no,resizable=yes"); aber wo werden post-Variablen

    InformationsquelleAutor karim79

Schreibe einen Kommentar