Discussion :

[Arsene12]

Bonjour, j'ai importé une BDD dans Wampserver et j'ai crée un fichier php pour y faire une requête.
Lorsque j'exécute la requête en tapant le lien dans la barre d'adresse du navigateur, elle fonctionne correctement.

Code PHP :

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
<?php
 
header('Content-Type: application/json; charset=utf-8');
 
	try{
	  include('config.php');
	  include('pdo2.php');
	  $pdo = PDO2::getInstance();
	  $etatsmat=0;
	  $pdo->exec("SET CHARACTER SET utf8");
 
	  $requete_prepare_1=$pdo->prepare("SELECT monText FROM articlebdd WHERE Id = '31'"); 
 
	  $requete_prepare_1->execute();
	  $json= array();
 
	  while($lignes=$requete_prepare_1->fetch(PDO::FETCH_OBJ))
		{			
		    $json[]=array(
			'monText'=>$lignes->monText,
			);
		}
 
	$requete_prepare_1->closeCursor();
	$json['success']=true;
 
	echo json_encode($json);
 
	}catch(PDOException $e) {
	     echo 'Error:'.$e->getMessage();
	}	  
?>

Je voudrais donc récupérer le résultat de ma requête par le biais d'une fonction ajax.
Mais j'y arrive pas en tapant le code ci-dessous, j'obtiens "NO DATA PRESENT".
Pourriez-vous me dire ce qui ne va pas, svp?
Merci beaucoup par avance.
Arsène

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
function maFonction() {
 
        $.ajax({
            url: http://localhost/DosTxt/requestMonTexte.php,
            type: 'get',
            dataType: 'json',
 
            success: function(data1) {
 
                        if(data1 == "SUCCESS"){
                       	      alert(data1);
                           }
                       else{
                              alert("NO DATA PRESENT");
                           }
 
                },
 
                error: function (responseData) {
 
                    alert("ERROR");
        }
 
            });
 
        };

[NoSmoking]

Bonjour,
quand tu écris dataType: 'json', cela signifie que tu reçois en retour des données au format JSON, donc data1 == "SUCCESS" n'a aucun sens !

Mets un console.log( data1) dans ta fonction « success » et regarde ce que tu récupères.

[Arsene12]

Bonjour,

j'ai donc utilisé la console et lorsque je lance la requête, la fenêtre alert() renvoie "ERROR" (Dans mon appli c'est "NO DATA PRESENT")

La console indique ceci :

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost/DosTxt/requestMonTexte.php. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

[Toufik83]

pour savoir l'erreur dans le callback error de $.ajax, utilise 'reponseText' =>

Code :

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

error:function(responseData){alert('ERROR :'+responseData.responseText);}

puis au niveau php, tu commet une erreur de syntaxe dans :

Code :

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

1
2
3
4
 
$json[]=array(
	'monText'=>$lignes->monText,// il faut enlever cette dernière virgule.
);

puis tu as déjà déclaré la variable $json en tant que array : $json= array(), pas la peine de le refaire $json[]=array(...);
$json['monText']=$lignes->monText est suffisant.

il y a le header aussi que tu dois enlever, ajax s'en occupera..., l'essentiel c'est que tu as mis dataType:'json' dans les paramètres de ajax.

ensuite pour la récupération de data1 qui est dans le callback success d'ajax, tu peux mettre

Code :

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

success:function(data1){console.log(JSON.stringify(data1));}

pour voir le résultat 'data1' dans la console, sous forme string .

[Arsene12]

Merci beaucoup, j'ai l'impression que la solution n'est pas loin.

J'ai donc désactivé dans le code php la ligne :

Code :

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

//header('Content-type: application/json');

et j'ai rajouté le code suivant :

Code :

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

header('Access-Control-Allow-Origin: *');

Avec ça j'ai réglé le problème Reason: CORS header ‘Access-Control-Allow-Origin’ missing).

J'ai éliminé ensuite la dernière virgule en trop que j'avais mise après $lignes->monText

Mais je n'arrive toujours pas à récupérer les données.

Le code

Code :

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

success:function(data1){console(JSON.stringify(data1));},

me donne comme erreur : TypeError: console is not a function


J'ai aussi désactivé le code ;

Code :

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

1
2
3
4
5
6
7
8
 
						/*
                        if(data1 == "SUCCESS"){
                      // alert(data1);
                           }
                       else{
                             alert("NO DATA PRESENT");
                           }*/

[Toufik83]

ce n'est pas console() mais

Code :

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

console.log(JSON.stringify(data1))

[Arsene12]

Avec console.log(data1) j'obtiens :

Code :

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

1
2
3
4
5
6
7
{…}
0: Object { monText: "blablabla" }
success: true
__proto__: Object { … }
RequeteAjax.js:28:7
Object { 0: {…}, success: true }
RequeteAjax.js:28:7

Avec console.log(JSON.stringify(data1)) j'obtiens :

Code :

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

{"0":{"monTexte":"blablabla"},"success":true}

et si je rajoute de suite après alert(data1) j'obtiens en message alert : [object Object]

[Toufik83]

cela veux dire que la requête ajax a été bien lancée et bien reçue, maintenant dans la fonction success tu peux faire tout ce que tu veux avec data1.
rappelle toi que tu reçois les données en json, ce qui veux dire que si tu veux récupérer tes variables dans le callback success, il faut faire :

Code :

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

1
2
3
4
5
6
 
,success:function(data1){
if(data1.monText && data1.success){
     alert("monText :"+data1.monText+", success :"+data1.success);
}
});

[Arsene12]

J'y suis presque, ça m'indique data1.monText is undefined.

Avec une autre formule j'arrive à afficher le texte. Mais je ne veux pas utiliser each().

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 success: function(data1) {
 
                    $.each(data1, function (index, record) {
                     //   if ($.isNumeric(index)) { 
 
                            var chaine = record.monTexte;
							//alert(chaine);
 
                        $('#myVerset').text(chaine);
 
						//	},
 
					});

[Toufik83]

et data1[0].monTexte, ça donne quoi ?

[Arsene12]

Avec data1[0].monTexte, ça marche! Je vous remercie beaucoup pour cette aide précieuse .

[Invité]

Bonjour Arsène,

avant d'aller plus loin, il serait bon de COMPRENDRE et d'optimiser ton code.

Code :

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

	  $requete_prepare_1=$pdo->prepare("SELECT monText FROM articlebdd WHERE Id = '31'");

Là, tu cherches UNE SEULE LIGNE : celle comportant l'id "31".

Code :

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

	  while($lignes=$requete_prepare_1->fetch(PDO::FETCH_OBJ))

il est INUTILE de faire un while, puisque le résultat ne comporte qu'UNE SEULE LIGNE !

Code :

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

1
2
3
	 		    $json[]=array(
			'monText'=>$lignes->monText,
			);

Par conséquent, INUTILE de construire un array pour 'monText', alors que tu ne récupères qu'UNE SEULE VALEUR.

Ce qui donne :

Code php :

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

1
2
3
4
5
6
7
$lignes=$requete_prepare_1->fetch(PDO::FETCH_OBJ);
$json['monText'] = $lignes->monText;
 
$requete_prepare_1->closeCursor();
$json['success'] = true;
 
echo json_encode($json);

ENFIN, dans le script :

Code jQuery :

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

1
2
3
4
5
6
7
8
9
10
            success: function(data1) {
 
                        if( data1.success ){ // équivalent à : if( data1.success == true ){
                       	      $('#myVerset').text( data1.monText );
                           }
                       else{
                              alert("NO DATA PRESENT");
                           }
 
                },

[Arsene12]

Merci bien pour toutes ces précisions. Je vais modifier mon code. Et j'utiliserai while lorsque je me servirai de each() plus tard, dans une autre requête.