IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

$.post et JSON [AJAX]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Décembre 2012
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2012
    Messages : 11
    Par défaut $.post et JSON
    Bonsoir à tous
    Je suis débutant en AJAX et je cale un peu... j'ai du mal à comprendre pourquoi il ne m'affiche pas "Vous êtes bien connecté": (voir ci-dessous)

    Index.php
    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
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    <!doctype html>
    <html lang="fr">
    <head>
    	<link rel="stylesheet" href="reset.css"/>
    	<link rel="stylesheet" href="form.css"/>
    	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    	<script type="text/javascript">
    		$(function(){
    			$("#testJson").submit(function(){
    				// On recupère le login, le pass et l'url
    				login = $(this).find("#login").val();
    				pass = $(this).find("#password").val();
    				url = $(this).attr("action");
    				$.post(url,{login:login,password:pass},function(data){	
    					if(data.erreur=="no"){
    						$("#testJson").fadeOut();
    						$("#testJson").before(data.retour);
    					}
     
    				},json);
    				return false;
    			});
    		});
    	</script>
    	<title> Connexion </title>
    </head>
    <body>
    	<div id="content">
    	<center>
    		<h2> Authentification </h2>
    		<form method="post" action="check.php" id="testJson">
    			<table>
    				<tr>
    					<td> Identifiant: </td> 
    					<td> <input type="text" class="text-input" name="login" id="login"/> </td>
    				</tr>
    				<tr>
    					<td> Mot de passe: </td>
    					<td> <input type="password" class="text-input" name="password" id="password"/> </td>
    				</tr>
    				<tr>
    					<td colspan="2"> <input class="button" value="Connection" type="submit"/> </td>
    				</tr>
    			</table>
    		</form>
    	</center>
    	</div>
    </body>
    </html>
    check.php
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <?php
    $login = "login";
    $pass = "pass";
     
    $tab = array();
     
    $tab["erreur"] = "no";
    $tab["retour"] = "<p>Vous êtes bien connecté</p>";
     
    echo json_encode($tab);
     
    ?>

    Si quelqu'un peut m’éclaircir

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par défaut
    Bonjour et bienvenue sur DVP.
    Si on isole
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $.post(url,{login:login,password:pass},function(data){	
      if(data.erreur=="no"){
        $("#testJson").fadeOut();
        $("#testJson").before(data.retour);
      }
     
    },json);
    que vaut json à la dernière ligne ???

    ne serait ce pas plutôt },'json');

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    [HS]
    Citation Envoyé par PHPulserz
    Si quelqu'un peut m’éclaircir
    Comme Michael Jackson ?
    [/HS]
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre averti
    Homme Profil pro
    Inscrit en
    Décembre 2012
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Décembre 2012
    Messages : 11
    Par défaut
    Merci à toi NoSmoking, en effet c'était ça ^^
    Une petite erreur, et j'ai cherché pourtant

    Je te remercie !!

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. JQuery Autocomplete avec post et json
    Par sapajou69 dans le forum jQuery
    Réponses: 1
    Dernier message: 18/12/2013, 13h59
  2. Methode Post avec JSON et parametre
    Par mattmax dans le forum VB.NET
    Réponses: 0
    Dernier message: 11/12/2013, 15h03
  3. Réponses: 3
    Dernier message: 17/04/2012, 21h54
  4. REST JSON et post
    Par topolino dans le forum Windows Communication Foundation
    Réponses: 4
    Dernier message: 28/03/2011, 17h40
  5. récupérer des variables json hors de $.post
    Par Alexdezark dans le forum jQuery
    Réponses: 3
    Dernier message: 29/07/2010, 18h44

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo