JS - AJAX asynchrone - comment faire remonter une variable

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : JS - AJAX asynchrone - comment faire remonter une variable

_pollux_

Pan ! t'es mort

Bonjour.

J'ai un problème connu avec ajax
Tellement connu que je n'arrive pas à la résoudre.

Pour résumer, j'interroge une base sql avec $.post de la façon suivante :

Code :

function check_stock(bc){
$.post("check_stock_sql.php",
{bc:bc},
function(data,status){return_data(data)})
}
function return_data(data){
return data;
}

Et dans un autre fichier, j'appelle ma fonction de la façon suivante :

Code :

var etat = check_stock(bc);

Evidemment, etat = undefined à la fin... Si un spécialiste Ajax peut m'aiguiller
J'ai cherché dans tous les sens, je ne vois pas où est ma connerie.

Message édité par _pollux_ le 17-03-2015 à 15:16:14

---------------
Le topic du sport électronique@hfr : watch the l33t !

Publicité

_pollux_

Pan ! t'es mort

bon, j'ai compris, mais je bloque un poil plus loin

j'ai fais ça :

Code :

function foo(callback){
$.post("check_stock_sql.php",
{bc:bc},
callback}
foo(function(result){
console.log(typeof result+ ' '+ result);
switch (result){
case '1':
alert ('1');
break;
case '2':
alert ('2');
break;
case '3':
alert ('3');
break;
default:
alert('probleme');
break;
}

problème suivant : quelque soit le cas, je tombe sur le case default, alors que la console me renvoie "string 1"

Message édité par _pollux_ le 17-03-2015 à 18:01:56

---------------
Le topic du sport électronique@hfr : watch the l33t !

_pollux_

Pan ! t'es mort

Bon, problème résolu, mais j'aimerais comprendre si un expert passe

J'ai feinté en rajoutant :

Code :

result = Number(result)
result = result.toString

le résultat de mon console.log est exactement le même : string 1, mais là, le switch sait l'interpréter ...

Message édité par _pollux_ le 18-03-2015 à 12:05:38

---------------
Le topic du sport électronique@hfr : watch the l33t !

SICKofitALL

misanthrope

As tu testé la longueur de ton result ?
tu testes '1', '2', etc... mais il est possible que pour une raison ou une autre sa valeur soit '1 ', '2 ' ou qqch comme ca, bref des espaces en trop

Si tu n'as pas le controle la dessus du coté serveur, tu peux faire :
switch (result.trim ())
{
case '1':
// ...
}

go https://developer.mozilla.org/fr/do [...] tring/trim

Message édité par SICKofitALL le 18-03-2015 à 18:58:56

---------------
We deserve everything that's coming...

_pollux_

Pan ! t'es mort

ah, merci pour l'info, j'essaye ça demain

---------------
Le topic du sport électronique@hfr : watch the l33t !

_pollux_

Pan ! t'es mort

bon, j'ai essayé et tu avais raison, . :jap:
Les valeurs remontent après ma requête sql grâce à un simple echo "1"; echo "2" ... en fonction du résultat de la requête. Ce qui introduit un retour chariot que je n'avais pas détecté.

Je ne sais d'ailleurs pas si il y a un autre moyen de faire remonter l'info.

---------------
Le topic du sport électronique@hfr : watch the l33t !

SICKofitALL

misanthrope

en JSON par exemple, particulièrement adapté:

Code :

// du coté serveur
// ...
$result = 1; // un entier !
$json = array ("result" => $result, "autreValeur" => "une chaine" );
header ('Content-type: application/json');
echo json_encode ($json); // PHP 5.2+
// du coté client
foo (function (result)
{
var json = JSON.parse (result); // convertit la chaine retournée en object JS
switch (json.result)
{
// plus besoin de conversion
case 1:
alert (json.autreValeur);
break;
case 2:
alert (2);
break;
/* ... */
default:
alert ('probleme');
break;
}

Done

Message édité par SICKofitALL le 19-03-2015 à 18:40:11

---------------
We deserve everything that's coming...

SICKofitALL

misanthrope

Tu peux même faire en sorte que jQuery fasse la conversion pour toi, mate getJSON -> http://api.jquery.com/jquery.getjson/

---------------
We deserve everything that's coming...

_pollux_

Pan ! t'es mort

j'allais justement proposer Json, mais comme je n'avais pu eu le temps de me pencher dessus, j'avais peur de dire des bêtises.
Merci pour l'exemple en tout cas :jap:

---------------
Le topic du sport électronique@hfr : watch the l33t !

_pollux_

Pan ! t'es mort

Bon, à chaque solution son nouveau problème ... en l'occurrence avec JSON

j'fais ça :

Code :

$json=array('a' => 1, 'b' =>2, 'c' =>3);
header('Content-type : application/json');
echo json_encode($json)

Quand je récupère le truc via $.ajax ou $.post, il refuse le JSON.parse parce que ce que j'ai récupéré est un objet...
Je ne comprends pas bien, il me semblait que json_encode devait retourner un tableau sous forme de chaîne qui puisse être compris par JSON.parse ...

Donc, pour résoudre le problème, je fais simplement un switch(result.a) qui me retourne bien 1.

Message édité par _pollux_ le 20-03-2015 à 15:09:51

---------------
Le topic du sport électronique@hfr : watch the l33t !

Publicité

SICKofitALL

misanthrope

Utilises-tu un debugger ou tu bosses à l'aveugle ?
Genre Firebug ou les outils de dev natifs de Firefox ou Chrome ?

Avec ce genre d'outils, tu peux voir ce qui transite.
Il est possible que en fonction de la facon dont tu fais l'appel, jQuery transforme tout seul le json en object JS.
Donc dans ce cas, en effet, pas besoin de parser

Message cité 1 fois

---------------
We deserve everything that's coming...

_pollux_

Pan ! t'es mort

SICKofitALL a écrit :

Me semble pas utiliser une façon particulièrement peu commune

Code :

function check_stock(callback){
$.ajax({url : "check_stock_sql.php",
type : "POST",
datatype : "json",
data : {bc:bc},
success : callback
})
}
check_stock(function(result){
switch(result.status){
case "0":
alert("unknown element" );
break;
case "1":
affichage(bc,type);
break;
case "2":
alert("this element is not available in stock" );
break;
default:
alert('probleme');
}
});

Bon, par contre, c'est vrai que je suis un vrai débutant, donc ceci explique cela... pas de bases valables

j'utilise l'outil natif de chrome pour le débugage, mais quand je lis ce qui suit, je capte pas forcément tout

Code :

Remote Address:192.168.0.196:80
Request URL:http://192.168.0.196/toto/check_stock_sql.php
Request Method:POST
Status Code:200 OK
Response Headers
view source
Connection:Keep-Alive
Content-Length:16
Content-Type:application/json
Date:Fri, 20 Mar 2015 14:46:04 GMT
Keep-Alive:timeout=5, max=100
Server:Apache/2.4.9 (Win64) PHP/5.5.12
X-Powered-By:PHP/5.5.12
Request Headers
view source
Accept:*/*
Accept-Encoding:gzip, deflate
Accept-Language:fr-FR,fr;q=0.8,en-US;q=0.6,en;q=0.4
Connection:keep-alive
Content-Length:16
Content-Type:application/x-www-form-urlencoded; charset=UTF-8
Cookie:PHPSESSID=2poip6ltm8p4b6n43bonmd6pr1
Host:192.168.0.196
Origin:http://192.168.0.196
Referer:http://192.168.0.196/toto.php
User-Agent:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.89 Safari/537.36
X-Requested-With:XMLHttpRequest
Form Data
(1)
Name
Path

Message édité par _pollux_ le 20-03-2015 à 17:42:19

---------------
Le topic du sport électronique@hfr : watch the l33t !

SICKofitALL

misanthrope

Concernant l'outil de chrome, mate ce screenshot, tu peux voir directement ce qui arrive :

Dans ta requete, sous jQuery, tu précises
datatype : "json"

Il ya des grandes chances (check les docs) que jQuery s'attend du coup à recevoir du JSON, et donc fait donc la conversion string->object directement.
Quand on récupere du JSON, de tte facon c'est pour l'utiliser en tant qu'object, jQuery te facilite donc le taf

Message cité 1 fois

---------------
We deserve everything that's coming...

_pollux_

Pan ! t'es mort

SICKofitALL a écrit :

Concernant l'outil de chrome, mate ce screenshot, tu peux voir directement ce qui arrive :

Dans ta requete, sous jQuery, tu précises
datatype : "json"

Il ya des grandes chances (check les docs) que jQuery s'attend du coup à recevoir du JSON, et donc fait donc la conversion string->object directement.
Quand on récupere du JSON, de tte facon c'est pour l'utiliser en tant qu'object, jQuery te facilite donc le taf

Pour l'outil, je le connais et l'utilise, pas de soucis (il m'a été indispensable pour plein de debuggage ). Mon problème, par manque de base, c'est plus la grammaire entre les string, les objets, etc... et donc, des crochets ou des accolades, ça ne me parle pas directement
Pour l'explication, effectivement, c'est le plus logique :jap:

Message édité par _pollux_ le 21-03-2015 à 10:20:33

---------------
Le topic du sport électronique@hfr : watch the l33t !

_pollux_

Pan ! t'es mort

Bon, je remonte ce topic avec une nouvelle question qui a trait à JSON
Je fais des graph avec l'excellente bibliothèque highchart, mais je ne comprends pas bien toutes les subtilités des exemples proposés.

Grosso modo, côté serveur, j'ai ça :

Code :

$callback = $_GET['callback'];
// ici, j'interroge ma bdd et je récupère de quoi remplir mon tableau
$data[] = "[$utc*1000, $hchp]";
// ici, je remplie ma réponse
echo $callback."([\n" . join(",\n", $data) ."\n]);";

et côté client :

Code :

$.getJSON('requestHighLoadData.php?callback=?', function(donnees) {
$('#container2').highcharts({ data:donnees )})

Ce que je ne comprends pas, c'est comment fonctionne callback, sachant que si je l'omets, le serveur est bien interrogé, renvoie bien le tableau, mais ça s'arrête là.
callback? envoie une donnée du type "Jquery334345436439225_234389234820" qui viens donc s'ajouter en entête de l'objet JSON.

C'est indispensable pour identifier les données en retour ?

Message édité par _pollux_ le 28-09-2015 à 14:49:37

---------------
Le topic du sport électronique@hfr : watch the l33t !

SICKofitALL

misanthrope

c'est du JSONP je suppose. Ca permet de traiter les données qui ne sont pas forcement sur le même serveur qui fourni le JS (le fameux Same Origin Policy).

Message édité par SICKofitALL le 28-09-2015 à 22:47:08

---------------
We deserve everything that's coming...

_pollux_

Pan ! t'es mort

Ok, je regarderai ça de plus près à l'occasion

---------------
Le topic du sport électronique@hfr : watch the l33t !

FORUM HardWare.fr

Programmation

Javascript/Node.js

JS - AJAX asynchrone - comment faire remonter une variable

Sujets relatifs
Eviter la réinitialisation d'une variable public en cas d'erreur	Plusieurs valeurs possible dans une variable/parametre
[Python] Checkbox et condition - Récupération de variable	Génération impossible de PDF sur call Ajax.
[réglé] [SQL] Jointure et variable du meme nom	variable d'une page à une autre avec $_session ?
[AJAX] Load d'un fichier XML en ajax	Problème d'envoi de mail avec formulaire Ajax +Json
Envoi de mail depuis un usf avec corp du mail variable	Lire un packet DNS (un champ de long. variable) dans une structure ?
Plus de sujets relatifs à : JS - AJAX asynchrone - comment faire remonter une variable

Page générée en 0.097 secondes