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 :

Récupérer la réponse d'un retour Ajax [AJAX]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Janvier 2007
    Messages
    439
    Détails du profil
    Informations forums :
    Inscription : Janvier 2007
    Messages : 439
    Par défaut Récupérer la réponse d'un retour Ajax
    Bonjour à tous j'espére que vous vous portez bien

    je vous écris ce jour, car je suis entrain de créer un formulaire d'un article pour mon site de média.

    un formulaire dont les valeurs sont envoyés en jquery et php.

    pour le formulaire et l'envoi de donnée jusqu'a pas de probleme

    mais je souhaite aussi récupérer le lien des images que j'envoi en cliquant sur envoyer

    lorsque j'appuis sur le bouton, le fichier s'envoi bien, et me renvoi avec php_response la réponse.

    cette même reponse je souhaite lui affiché la valeur quand j'envoi dans la page pour créer.

    voila le code :

    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
    50
    51
    52
    53
     $('#goarticle').on('click', function() {
     
     
    		var titre = $('#titre').val();
     		var auteur = $('#auteur').val();
    		var article= $('#article').val();
    		var imagearticle = $('#sortpicture').val();
     
    		if(imagearticle != ""){
     
    	 var file_data = $('#sortpicture').prop('files')[0];   
        var form_data = new FormData();                  
        form_data.append('file', file_data);
     
        $.ajax({
            url: 'upload.php', // point to server-side PHP script 
            dataType: 'text',  // what to expect back from the PHP script, if anything
            cache: false,
            contentType: false,
            processData: false,
            data: form_data,                         
            type: 'post',
            success: function(php_script_response){
     
    			 var imagearticles = php_script_response;
            }
         });
    		} else {
    			var imagearticles = "0";
    		}
     
    		$.ajax({
    			url : "creation.php",
    				type: "POST",
    				data: {auteur: auteur, imagearticle : imagearticles, titre : titre, article : article},
     
    				success: function(data) {
    					if(data == 'ok') {
    				$("#loading-div").fadeIn(); 
    					setTimeout(function() {
            $('#loading-div').hide('blind', {}, 500)
        }, 5000);
    $("#btokcom").css({
    							"display" : "none"
    						});	
    	alert("inscription réussie, vous allez recevoir un mail de confirmation, vérifiez vos spams, merci de votre fidélité");
    				} else {
    					alert(data);
     
    				}
    			}
    		});
    	});
    donc le lien que je recuperer de upload.php soit la valeur que je met dans imagearticles

  2. #2
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    c'est bien d'"être entrain". Il faut rester positif.
    Maintenant, "être en train", c'est bien aussi.

    Par contre, l'indentation du code laisse à désirer... et ne permet pas de lire clairement la problématique

  3. #3
    Membre éclairé
    Inscrit en
    Janvier 2007
    Messages
    439
    Détails du profil
    Informations forums :
    Inscription : Janvier 2007
    Messages : 439
    Par défaut
    le problème est de la ligne 23 à 35

    à la ligne 25 j'ai le retour du fichier upload.php

    et à la ligne 35 je souhaite y ajouter la réponse de la ligne 23.

    merci pour ce cours d'orthographe sur un site de développeur

  4. #4
    Membre éclairé
    Inscrit en
    Janvier 2007
    Messages
    439
    Détails du profil
    Informations forums :
    Inscription : Janvier 2007
    Messages : 439
    Par défaut
    le probleme est résolu, j'ai simplement mis la requete dans le retour ajax de l'image ce qui permet de récuperer le lien correctement
    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
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    		 $('#goarticle').on('click', function() {
     
     
    		var titre = $('#titre').val();
     		var auteur = $('#auteur').val();
    		var article= $('#article').val();
    		var imagearticle = $('#sortpicture').val();
    		var cat = $('#cat').val();
     
     
    		function startLoading()
    {
    	var nValue = 0;
    	// création d'un timeout
    	var oTimer = setInterval (function (){ 
    		$("#progress").progressbar("value", nValue); // mets à jour la valeur de la barre de progression
    		nValue++; 
    		if (nValue > 100) clearInterval(oTimer); 
    	}, 200); // en ms
    }
     
     
     
    	 var file_data = $('#sortpicture').prop('files')[0];   
        var form_data = new FormData();                  
        form_data.append('file', file_data);
     
        $.ajax({
            url: 'upload.php', // point to server-side PHP script 
            dataType: 'text',  // what to expect back from the PHP script, if anything
            cache: false,
            contentType: false,
            processData: false,
            data: form_data,                         
            type: 'post',
            success: function(php_script_response){
                startLoading(); 
    			 var imagearticles = php_script_response;
           $('#goarticle').fadeOut();
     
     
    $.ajax({
    			url : "creation.php",
    				type: "POST",
    				data: {auteur: auteur, imagearticle : imagearticles, titre : titre, article : article, cat : cat},
     
    				success: function(data) {
    					if(data == 'ok') {
    				$("#loading-div").fadeIn(); 
    					setTimeout(function() {
            $('#loading-div').hide('blind', {}, 500)
        }, 5000);
    $("#btokcom").css({
    							"display" : "none"
    						});	
    	alert("inscription réussie, vous allez recevoir un mail de confirmation, vérifiez vos spams, merci de votre fidélité");
    				} else {
    					alert(data);
     
    				}
    			}
    		});
     
     
     
     
    	   }
         });

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

Discussions similaires

  1. Réponses: 1
    Dernier message: 03/02/2015, 12h17
  2. Réponses: 2
    Dernier message: 03/12/2012, 09h42
  3. Réponses: 9
    Dernier message: 02/06/2012, 10h37
  4. Réponses: 5
    Dernier message: 18/11/2009, 17h17
  5. [Prototype] [AJAX] Récupérer la réponse / Lancer une fonction
    Par Shirraz dans le forum Bibliothèques & Frameworks
    Réponses: 9
    Dernier message: 07/04/2009, 06h50

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