Formular mit AJax senden und Ergebnis zurückgeben

Question

Ich habe ein Messaging-System erstellt, mit dem Benutzer Nachrichten an einander senden können. Das funktioniert gut, aber wenn sie antworten, möchte ich nicht, dass sie auf eine andere Seite gebracht werden. Ich möchte eine Warnung sagen "gesendet" oder "nicht gesendet". Unten ist mein Code, der nicht funktioniert.

in php:

echo"<form id=\"form\" name=\"form\" method=\"post\" onsubmit=\"send(reply)\">"; 

javascript:

function send(reply) 
{ 
    var httpRequest; 
    make_request() 
    function stateck() 
     { 
     if(httpxml.readyState==4) 

     { 

     alert (httpxml.responseText); 

     } 

    httpxml.onreadystatechange=stateck; 
    reply_url="compose.php?reply=" + reply.value + "&msgid="<?php echo $msgid; ?> + "&to="<?php echo $to; ?> + "&subject="<?php echo $subject; ?>"; 
    httpxml.open("GET",reply_url,true); 
    httpxml.send(null); 
    } 
} 

ich php PHP-Variablen verwenden, da diese Daten aus der Datenbank abgerufen werden muss.

Dank

Answer 1

Sie müssen den Browser sagen, dass Sie das Ereignis selbst Handler in Ihrer anschließend auf falsch behandelt durch Rücksendung:

echo"<form id=\"form\" name=\"form\" method=\"post\" onsubmit=\"send(reply); return false;\">"; 

Auch Ihre Sendefunktion sieht aus wie es einen Fehler erzeugen wird, die die Ursache wird Browser zum Übermitteln. Sie weisen httpxxx nirgendwo zu. Ich nehme an, Sie wollen wirklich:

function send(reply) { 
    var httpxml; 
    httpxml = make_request(); 
    stateck = function() { 
     if(httpxml.readyState==4){ 
      alert (httpxml.status);// you will want to check the server response code too 
      alert (httpxml.responseText);  
     } 

    }; 

    httpxml.onreadystatechange=stateck; 
    reply_url="compose.php?reply=" + reply.value + "&msgid="<?php echo $msgid; ?> + "&to="<?php echo $to; ?> + "&subject="<?php echo $subject; ?>"; 
    httpxml.open("GET",reply_url,true); 
    httpxml.send(null); 
} 

Answer 2

Es dauerte Sie auf eine andere Seite, da das Formular aufgetreten einreichen. Wenn Sie das Formular stattzufinden nicht wollen, verwenden Sie

onsubmit="send(reply); return false;" 

By the way, können Sie Apostroph verwenden: echo ‚...‘, so dass Sie nicht alle doppelten Anführungszeichen entkommen müssen in der Zeichenfolge.

Answer 3

Sie könnten eine JavaScript-Bibliothek verwenden. Warum das Rad neu erfinden, wenn es schon existiert?

Beispiele:

• jQuery
• MooTools
• Prototype

Answer 4

Normalerweise, wenn Sie etwas über Ajax zurückkehren möchten möchten Sie eine Seite Vorlage zu vermeiden. Wenn Sie möchten, dass der Benutzer das Gefühl hat, ein Formular zu senden, legen Sie eine normale Schaltfläche (d. H. KEINE Schaltfläche zum Senden) auf der Seite an, die als Ajax-Schaltfläche zum Senden dient. Binden Sie Ihre Ajax-Update-Funktion an den onclick und lassen Sie die PHP-Seite, an die Sie die Anfrage richten, das gewünschte Ergebnis in der Antwort zu senden. Alles andere (den Ergebnistext in Felder einfügen, usw.) sollte nur Standard-Ajax und JavaScript sein.

Answer 5

Ich stimme mit Natrium überein. Eine Javascript-Bibliothek ist der Weg zu gehen. Ich ziehe Prototyp/scriptaculous für eine kurze Einführung in Ajax Prototyp den folgenden

http://www.prototypejs.org/learn/introduction-to-ajax