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 :

Affichage de données cross domain avec jsonP


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2013
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2013
    Messages : 19
    Par défaut Affichage de données cross domain avec jsonP
    Bonjour,

    Je tente en ce moment de faire une application mobile via jQuery.
    Aujourd'hui tout est en local sur Wamp et tout fonctionne. Pour consulter l'application sur mon téléphone, j'ai exporté ma base de donnée sur mon serveur.
    Je tente maintenant de récupérer les données de ma bdd externe en local mais j'obtiens des erreurs.

    Je suis donc passé de cette fonction :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    function ajaxQuery(service, callback){
            $.ajax({
                url:"http://localhost/fichier.php?f=" + service,
                dataType:'json',
                method:'GET',
                timeout: 5000,
                success:function (data) {
                    callback(data);
                },
                error:function(error){
                    console.log(error);
                }
            });
        }
    à celle-ci :

    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
    function ajaxQuery(service, callback){
            $.ajax({
                async:true,
                url:"http://monsite.ext/fichier.php?callback=?&f=" + service,
                dataType:'jsonp',
                method:'GET',
                jsonp:'jsonp',
                timeout: 5000,
                success:function (data) {
                    callback(data);
                },
                error:function(error){
                    console.log(error);
                }
            });
        }
    Lorsque je lance mon application, une fonction est appelé :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ajaxQuery("req", retour);
    où "req" corresponds au nom de mon service dans mon fichier PHP et "retour" corresponds à la fonction javascript dans laquelle j'affiche les données.

    Pour ce qui est du résultat, c'est la fonction d'erreur qui me renvoie :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    Object {readyState: 4, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function}
    Je n'arrive donc pas à afficher mes données. Cependant je peux insérer une valeur dans ma base de données via un formulaire dans mon application. J'ai déjà consulté des tutos, la doc jquery pour jsonp etc... sans succès.

    Merci d'avance pour votre aide.

  2. #2
    Membre averti
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mai 2013
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mai 2013
    Messages : 19
    Par défaut
    Tout compte fait, je n'utilise plus "jsonp" mais "json" en réutilisant la première fonction et ça fonctionne.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    url:"http://monsite.ext/fichier.php?f=" + service,
                dataType:'json',
                method:'GET',
                timeout: 5000,
                success:function (data) {
                    callback(data);
                },
                error:function(error){
                    console.log(error);
                }

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

Discussions similaires

  1. [AJAX] Récupérer du JSON en cross domaine avec localhost
    Par HELKARROUMI dans le forum jQuery
    Réponses: 2
    Dernier message: 17/12/2013, 14h30
  2. [MySQL] Affichage de données non existantes avec valeurs zero
    Par redoran dans le forum PHP & Base de données
    Réponses: 1
    Dernier message: 28/05/2012, 13h10
  3. [Article] AJAX cross-domain avec flXHR
    Par E.Bzz dans le forum AJAX
    Réponses: 2
    Dernier message: 06/07/2010, 13h11
  4. PB : affichage de données avec accent sous delphi 6
    Par kinda dans le forum Débuter
    Réponses: 3
    Dernier message: 03/07/2003, 13h19

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