soumettre formulaire en utilisant ajax et retour résultat

Question

J'ai créé un système de messagerie qui permet aux utilisateurs d'envoyer des messages les uns aux autres. Cela fonctionne bien mais quand ils répondent je ne veux pas qu'ils soient pris à une autre page, je veux une alerte pour dire "envoyé" ou "pas envoyé". Voici mon code qui ne fonctionne pas.

en 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); 
    } 
} 

J'utilise des variables php php car ces données doit être accessible à partir de la base de données.

Merci

Answer 1

Vous devez indiquer au navigateur que vous avez géré l'événement vous-même en retour faux dans votre sur soumettre handler:

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

également votre fonction d'envoi ressemble il va générer une erreur, ce qui entraînera la navigateur à soumettre. Vous n'attribuez pas à httpxml n'importe où. Je suppose que vous voulez vraiment:

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

Il vous a fallu une autre page parce que la forme a eu lieu submit. Si vous ne voulez pas la forme soumettre à lieu, utilisez

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

Par ailleurs, vous pouvez utiliser guillemet simple: echo « ... » afin que vous n'avez pas besoin d'échapper à toutes les guillemets doubles dans la chaîne.

Answer 3

Vous pourriez envisager d'utiliser une bibliothèque JavaScript. Pourquoi réinventer la roue quand elle existe déjà?

Exemples:

• jQuery
• MooTools
• Prototype

Answer 4

Habituellement, si vous voulez retourner quelque chose via Ajax vous voulez éviter une soumission de page. Cependant, si vous voulez que l'utilisateur ait l'impression de soumettre un formulaire, placez un bouton normal (c'est-à-dire PAS un bouton de soumission) sur la page qui servira de bouton Soumettre Ajax. Attachez votre fonction de mise à jour Ajax à onclick et ayez la page PHP vers laquelle vous dirigez la requête pour envoyer le résultat que vous voulez dans la réponse. Tout le reste (popping le texte de résultat dans les champs, etc) devrait juste être Ajax et JavaScript standard.

Answer 5

Je suis d'accord avec Natrium. Une bibliothèque javascript est le chemin à parcourir. Je préfère prototype/scriptaculous pour une introduction rapide en ajax utilisant prototype reporter aux sections suivantes

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