Wie sende ich Werte zwischen Seiten mit Javascript?

Question

Ich verwende derzeit einen JavaScript-Code, um eine ganze Zeile in meiner Tabelle klickbar zu machen. Sobald die Zeile angeklickt ist, wird eine Funktion ausgeführt, ich frage mich, was ich verwenden kann, um auf eine PHP-Seite umzuleiten und vorzugsweise eine Post-Variable mitzuschicken. Meine Vermutung ist AJAX, aber ich bin mir nicht sicher, wie oder ob es funktionieren würde.

Meine Javascript Funktion:

function DoNav(theUrl) 
    { 
    document.location.href = theUrl; 
    } 

Mein HTML:

<tr onclick="DoNav('myphpscript.php');"> 

ich Zugriff auf jQuery haben, so dass auch eine Option. Jede Hilfe wird geschätzt, Danke!

Answer 1

Wenn die Menge an Daten nicht lächerlich groß ist, eine Abfrage-Zeichenfolge verwenden ...

< tr Onclick = "DoNav ('myphpscript.php key = Wert?');">

Oder wenn Sie eine natürliche HTTP-Post benötigen, können Sie programmatisch das Formular mit Javascript einreichen ...

onclick="document.forms[0].submit();" 

Answer 2

Wenn Sie auf eine neue Seite gehen, senden Sie einfach das Formular wie gewohnt. Legen Sie die Daten in Formularfelder (bei Bedarf ausgeblendet). Keine Notwendigkeit, Ajax, jQuery oder irgendeine andere Magie, es sei denn, Sie wollen auf der gleichen Seite bleiben und im Hintergrund posten.

Answer 3

wenn Sie die Daten (nicht verwenden GET), eine einfache Möglichkeit POST brauchen, ist ein Formular-Element zu erstellen Fügen Sie Eingabeelemente mit t direkt hinzu Er schätzt, dass du es brauchst und schicke es ein. Sie können das tun, wie so, wenn Sie jQuery verwenden:

$(function() { 
    $('tr').click(function() { 
     var mail_id = /* get the mail id of this row... not sure where since I dont' have the HTML */ 
     $('body').append('<form method="post" action="myphpscript.php" id="donavform" style="display:none;"></form>'); 
     $('#donavform').append('<input type="hidden" name="mid" value="'+mail_id+'" />'); 
     $('#donavform').submit(); 
    }); 
}); 

Hoffnung, die Sinn macht. Wenn nicht, lass es mich wissen! Es ist, okay ...

Erläuterung: Die erste Zeile ist eine jQuery Abkürzung Art zu sagen „wenn das Dokument geladen ... erfolgt“ Also, wenn die Seite geladen wird getan, ich bin Gehen Sie zum Anhängen eines Ereignis-Listeners an alle Elemente im Dokument. Wenn auf eines dieser Elemente geklickt wird, können wir die E-Mail-ID (und was Sie sonst noch benötigen) extrahieren, die in Bezug zu dieser bestimmten Tabellenzeile steht. Also, wenn Sie HTML wie folgt hatte:

<!-- 8435 is the mail ID in this example. --> 
<tr id="row3">8435</tr> 

Dann könnten wir die mail_id Variable extrahieren etwa so:

var mail_id = $(this).html(); 

Jetzt werden wir ein verstecktes Formularelement an das Ende des Körpers befestigen des HTML (es ist nicht wirklich wichtig, wo wir es hinstellen, da es versteckt ist ... also ist das Ende in Ordnung). In diesem Formularelement legen wir die Methode auf POST und die Aktion auf jede php-Datei fest, an die Sie POST senden müssen. Ich habe auch eine ID festgelegt, auf die im nächsten Schritt leicht Bezug genommen wird.

Ich werde jetzt das neu erstellte Formularelement mit seiner ID auswählen, und ich werde ein neues verstecktes Eingabeelement mit dem entsprechenden Namen Wertepaar anhängen.

$('#donavform').append('<input type="hidden" name="mid" value="'+mail_id+'" />'); 

Schließlich werde ich die jQuery JavaScript einreichen Methode verwenden, die einreichen Ereignis auf dem Formular auszulösen.Dies entspricht im Wesentlichen dem Drücken der Schaltfläche "Senden" in einem normalen Formular.

Probieren Sie es aus, es sollte einwandfrei funktionieren.

Answer 4

Sie könnten die Daten in einem Cookie senden. Es gibt ein nettes jQuery-Plugin, das beim Setzen von Cookies im jQuery-Namespace hilft.

http://plugins.jquery.com/project/cookie