PHP fontionne sur Firefox, mais pas sur Chrome et Opera

Version imprimable

Bonjour à tous,

Je suis en actuellement sur un projet utilisant PHP et JQuery et je dois utiliser dans ce projet des requêtes cross-domain, donc j'utilise JSONP.

Mes requêtes AJAX fonctionnent toutes sous Firefox, mais pas sous Chrome et Opera.

J'ai une première fonction qui va exécuter la requête :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function update()
{
    $.ajax({
        url : url,
        type : "GET",
        dataType: "jsonp",
        crossDomain : true,
        jsonpCallback : "updateCallback",
        async : false, 
        data : {'session_id' : sessionID,'user' : userName },
        error : function (xhr, status, error) {
            alert("Erreur de chargement du fichier '"+url+"' : "+xhr.responseText+" ("+status+" - "+error+")");
        },
        success: function(){
            alert("Success !");
       }
    });
}

Le code de la fonction de callback :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function updateCallback(data)
{     
    var i = 0;
    var messages = data.messages;
 
    while(i < data.messages.length){  
        appendMessage(data.messages[i]);
        i++;
    }
 
    saveLastMsgID = lastMsgID;
    doUpdate = updateInProgress = false;
}

Le script php qui est appelé (je l'ai simplifié au max pour que ce soit plus clair, le reste n'étant pas en rapport direct avec la requête) :

Code:

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
 
<?php
 
    /* ... */ 
    
    function sendResponse($messages,$date)
    {
        header('content-type: application/json; charset=utf-8'); 
        header("Access-control-allow-origin: *");
        header ("Access-Control-Allow-Headers: x-requested-with", true);
        header('Access-Control-Allow-Methods: GET,OPTIONS');
 
        $datas = array();
        
        for($i = 0 ; $i < count($messages) ; $i++){
            $msg = $messages[$i];
            $message = null;
            $message->sender = $msg->getSender();
            $message->date = $date;
            $message->msg = stripslashes($msg->getContent());
            $message->carrier = $carrier;
            $datas[] = $message;
        }
        $data->messages = $datas;
        echo $_GET['callback']. '('. json_encode($data) . ')'; 
    }
?>

Apparemment, Chrome effectue bien la requête, mais je ne reçoit pas la réponse. Donc, je pense que ce serait le JSONP qui serait mal formaté ou qu'une option dans ma requête AJAX est incorrecte.

Je sèche depuis un bon moment là-dessus, donc si vous avez une idée n'hésitez pas, je suis tout ouïe :mouarf:

Merci d'avance.

08/05/2012, 16h33
SpaceFrog

Code:

dataType: "json",
08/05/2012, 16h52
bebedemon

Citation:

Envoyé par SpaceFrog

Code:

dataType: "json",

Merci, mais dans ce cas-ci j'utilise JSONP et pas JSON. Il me semble que si je met json dans le dataType, ça ne fonctionne pas ...
08/05/2012, 18h06
SpaceFrog

Je ne vois nulle part dans la doc un dataType jsonp ...
je ne vois que json
Quelle différences fais tu entre json et jsonp ?
08/05/2012, 19h35
bebedemon

Le JSONP est une amélioration du JSON. Grâce à lui tu peux exécuter des requêtes ajax cross dromain ;)

http://en.wikipedia.org/wiki/JSONP

http://api.jquery.com/jQuery.ajax/
09/05/2012, 09h30
SpaceFrog

C'est que le string jsonp retourné est mal formaté ?
As tu un exemple de chaine jsonp retourné ?
09/05/2012, 09h41
bebedemon
C'est ce que j'ai pensé aussi. Voici un exemple :
Code:

1 2 3 4 5 6 7 8 9 jQuery17206598098510228856_1336473458584({ "messages":[{ "sender":"Fred", "date":"12:37", "msg":"gdfgdfgdf", "carrier":"\n" }] })
Je l'ai testé avec des validateurs JSON en ligne et il est apparemment valide
09/05/2012, 10h08
SpaceFrog

a tout hasard

Code:

"date":"12\:37",
14/05/2012, 09h46
bebedemon
Désolé de ne répondre que maintenant, j'ai du m'absenter depuis la fin de la semaine passée.

J'ai testé avec ton idée, mais ça ne marche pas plus. J'ai essayé de retourner une simple variable contenant 1 :
Code:

1 2 3 4 header('content-type: application/javascript; charset=utf-8'); $data->test = 1; echo $_GET['callback']. '('. json_encode($data) . ')';
Et je récupère bien la valeur sous firefox mais pas sous chrome. Je n'y comprends rien :?
14/05/2012, 09h57
SpaceFrog

que retourne cette ligne ?

Code:

echo $_GET['callback']. '('. json_encode($data) . ')';
14/05/2012, 10h13
bebedemon

Voilà ce que je reçois :

Code:

jQuery172006125229682373101_1336982940202({"messages":[{"sender":"Fred","date":"10:09","msg":"test","carrier":"\n"}]})

Je viens tester quelque chose en m'inspirant de ce lien : http://stackoverflow.com/a/8981627/1382281. J'ai retiré dans ma requête ajax le datatype : jsonp et chrome arrive dans la méthode success, par contre je n'arrive à récupéré les données.

Voici le code que je reçois pour le moment :

Code:

({"messages":[{"sender":"Fred","date":"10:05","msg":"gfdgfdgdfcxg","carrier":"\n"}]})
14/05/2012, 10h19
SpaceFrog

ben c'est pas un format de jsonp ce que tu as dans ton retour si ?
14/05/2012, 10h23
bebedemon

Le premier si, mais chrome semble ne pas l'accepter ou ne pas accepter autre chose.
14/05/2012, 10h25
SpaceFrog

enlève les () autour ?
14/05/2012, 10h36
bebedemon

J'ai déjà essayé mais alors je dois enlever le callback et ma requête ne fonctionne plus ...
14/05/2012, 10h41
SpaceFrog
oui mais c'est justement le callback qui fout ton format en l'air

mets le callback dans le success
Code:

1 2 3 4 5 success: function(data){ callbackt(data); }
14/05/2012, 10h50
SpaceFrog

ou alors tu gardes le retour avec le callback mais tu modifies le dataType à script ?

Voici à quoi ressemble mon code pour le moment :

ma fonction de mise à jour :

Code:

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
function update()
{
    $.ajax({
        url : url,
        dataType: "jsonp",
        data : {'code' : 'message/update',
                'save_id' : saveLastMsgID,
                'last_id' : lastMsgID,
                'session_id' : sessionID,
                'user' : userName
        },
        success: function(data){
 
            var i = 0;
            var messages = data.messages;
 
            while(i < data.messages.length){  
                appendMessage(data.messages[i]);
                i++;
            }
            saveLastMsgID = lastMsgID;
            doUpdate = updateInProgress = false;
        }
    });
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
    function sendResponse($messages,$date)
    {
        header('content-type: application/javascript; charset=utf-8'); 
        $datas = array();
 
        for($i = 0 ; $i < count($messages) ; $i++){
            $msg = $messages[$i];
            $message = null;
            $message->sender = $msg->getSender();
            $message->date;
            $message->msg = stripslashes($msg->getContent());
            $message->carrier = $carrier;
            $datas[] = $message;
        }
 
        $data->messages = $datas;
        echo $_GET['callback']. '('. json_encode($data) . ')'; 
    }

Si j'enlève le callback dans mon fichier php et que je garde le "datatype : jsonp" dans ma requête jquery, ça ne fonctionne sur aucun navigateur.

Si je garde le callback et que je garde le datatype, ça fonctionne sous firefox uniquement

Si j'enlève le datatype, j'arrive dans ma fonction success sous firefox et sous chrome, mais je n'arrive pas à traiter les données à cause des '('. Si je les retires le callback ne se fait pas car j'obtiens le code suivant :

Code:

jQuery172031897191379441114_1336985839635 {"messages":[{"sender":"Fred","date":"11:01","msg":"fsdfsdfsd","carrier":"\n"}]}

Donc pour bien faire il faudra que j'arrive à avoir mon callback sans les parenthèses car j'obtiens ce code ci : " mais je ne vois pas comment...

14/05/2012, 11h04
bebedemon

Citation:

Envoyé par SpaceFrog

ou alors tu gardes le retour avec le callback mais tu modifies le dataType à script ?

Je vais tester et je te dis quoi ;)

PS: merci pour ton aide et ta rapidité en tout cas :ccool: