Ma fonction ne renvoie rien

**Hippocrène** · 31/12/2014, 12h18

Bonjour,

J'ai commencé le Javascript et je m'attaque à la méthode AJAX, mais j'ai un problème avec "$.post" : elle ne me renvoie rien. Mon code est celui-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$(document).ready(function(){
 
    $("#form form").submit(function(){
        var action      = $(this).attr('action');
        var nom         = $('#nom').val();
 
 
        $(".messages").slideUp('800', function(){
 
 
            $.post(  action, {
                nom         : nom
 
            }, function(data){
                $alert('OOO');
                $(".messages").html(data);
                $(".messages").slideDown('slow');
 
            });
        });
 
 
        return false;
    });
 
 
});

Et mon code HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
 <head>
 <title>TestCCM</title>
 <link rel="stylesheet" type="text/css" href="test.css">
 </head>
 
          <body>
<div id="form">
 
	<div class="messages">
 
 
	</div>
 
	<form action="inscription_2.php" method="post">
 
	<p>
		<label for="nom">Nom</label>
		<input type="text" name="nom" id="nom">
	</p>
 
	<p>
		<input type="submit" value="Envoyer">
	</p>
	</form>
 
</div> 
				<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
				<script src="inscription_2.js"></script>
          </body>          
</html>

Un message devrait apparaître (d'une page php que j'ai créé) comme dans ce tutoriel

https://www.youtube.com/watch?v=vYXTt2lKCV8#t=588 mais rien ne se passe.

Si quelqu'un peu me dire où est l'erreur. Merci.

**numew** · 31/12/2014, 15h40

A part le $alert, le code fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
    $alert('OOO');//$alert avec $ n'existe pas il faut faire alert('OOO')

Il y'a un autre problème "nom" ne retourne rien car il n'as pas de valeur dans le html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<input type="text" name="nom" id="nom" value="ma-valeur">

**Hippocrène** · 31/12/2014, 16h18

Merci, j'avais pas vu pour le "$alert" :/ . Mais pour le "value="ma-valeur"", c'est pas ce que je veux, ça voudrait dire qu'il y aurait une valeur prédéfinie, or, je veux que les gens entrent la valeur qu'ils veulent.

**numew** · 31/12/2014, 16h29

J'ai répondu trop rapidement. A part le problème du $alert le code fonctionne.
J'ai testé avec un

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
echo 'ça marche';

dans le fichier inscription_2.php et c'est ok.

**Hippocrène** · 31/12/2014, 16h39

Le problème c'est que je veux associer la classe "error" au texte que je veux afficher ou "correct" et là ça ne fonctionne pas vraiment...

**Hippocrène** · 31/12/2014, 17h10

Peut être est-ce à cause que je n'ai pas WAMPP ou équivalent !?

**numew** · 31/12/2014, 17h46

Quelle code ne fonctionne pas ?
Tu peux retourner n'importe quel code html dans le fichier inscription_2.php

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
echo '<div class="error">Nom : '.$_POST['nom'].'</div>';

Il faut bien sur indiquer le style de .error (ou autre classe) en css.

Effectivement il te faut forcément un système faisant tourner php (wamp) la ou tu teste sinon le php ne sera pas interprété...

**Hippocrène** · 31/12/2014, 17h48

C'était bien ça ! Une fois WAMPP installé et utilisé ça fonctionne ! Merci

Ma fonction ne renvoie rien

JavaScript

Discussions similaires

Partager

Partager