jquery/ajax ne fonctionne pas

Question

Pour une raison quelconque, cela ne fonctionne pas. Je copier/coller le code, mais il va plutôt au html-echo.php que d'afficher le résultat dans la htmlExampleTarget

Qu'est-ce que je fais mal ici.

Merci

Dave

modifier: désolé les gars - voici l'url - http://jquery.malsup.com/form/#html

<script src="js/jquery-1.3.2.js" type="text/javascript" language="javascript"></script> 

<script type="text/javascript"> 
// prepare the form when the DOM is ready 
$(document).ready(function() { 
    // bind form using ajaxForm 
    $('#htmlForm').ajaxForm({ 
     // target identifies the element(s) to update with the server response 
     target: '#htmlExampleTarget', 

     // success identifies the function to invoke when the server response 
     // has been received; here we apply a fade-in effect to the new content 
     success: function() { 
      $('#htmlExampleTarget').fadeIn('slow'); 
     } 
    }); 
}); 
</script> 



<div style="position:absolute; top:129px; left: 400px; width:500px; border:#000000 thin solid;"> 
     <form id="htmlForm" action="submit_form.php" method="post"> 
    Message: <input type="text" name="message" value="Hello HTML" /> 
    <input type="submit" value="Echo as HTML" /> 
</form> 
Reply: <div id="htmlExampleTarget"></div> 
    </div> 

et sur la page submit-form.php

echo '<div style="background-color:#ffa; padding:20px">' . $_POST['message'] . '</div>'; 

Answer 1

Vous avez deux <script> elem ents. L'un d'eux charge jQuery, l'autre exécute ajaxForm. Vous n'avez pas chargé le fichier .js qui contient le code ajaxForm.

Voir la documentation:

Inclure jQuery et le script externe Plugin Form fichiers et un petit script pour initialiser le formulaire

Puisque vous avez pas, les erreurs de script lorsque vous essayez pour exécuter la fonction, cela n'empêche pas l'action par défaut. Le code pour faire la requête Ajax est manquant (de sorte que cela n'arrive pas), et l'action par défaut s'exécute (pour le navigateur va à l'URI dans l'attribut action).