skip to main | skip to sidebar
Code 18
Manuel du savoir-faire à l'usage des geeks et des curieux
RSS
  • Accueil
  • Le web au Québec
  • Liens
  • Twitter
  • Facebook
  • À propos

lundi 22 février 2010

JSONP pour récupérer des données distantes

Publié par Infinite Loop, à 18 h 55 0 commentaire

Avec l'ère du web 2.0 (au nom absurde), vous utilisez certainement déjà le JSON dans votre programmation. Mais avez-vous déjà entendu parler de JSONP ? Il s'agit d'un moyen de communiquer de l'information entre deux domaines à l'aide d'un tour de passe-passe.

Tout ça pour contourner la restriction au niveau des fureteurs où un script peut uniquement faire un appel Ajax sur une page du même serveur... Sauf à partir d'une balise script qui elle peut inclure un script externe (un peu comme quand vous incluez des scripts hébergés directement sur les serveurs de Google ou Yahoo! YUI).

JSONP est un genre de mécanisme qui permet de prendre sa source de données JSON sur un site externe et de faire directement appel à la fonction callback que vous avez spécifié en paramètre. En fait, JSONP signifie "JSON with padding" dans le sens que le serveur appellé s'occupera d'ajouter comme préfixe le nom de votre fonction JavaScript et qu'il lui passera en paramètre les données qu'il souhaite vous retourner.

Imaginez l'inclusion du script externe sur votre site :

<script src="http://www.site.com/json-source.php?callback=initWebsite"></script>
Le serveur distant, disposé à prendre en charge le retour de l'information avec JSONP, traite la requête :
<?php
// très simplifié pour l'exemple
$data = array(
'title' => 'code 18',
'url' => 'http://code18.blogspot.com'
);

echo $_GET['callback'] . '(' . json_encode($data) . ');';
En sortie, le résultat de ce script sera :
initWebsite({"title":"code 18","url":"http:\/\/code18.blogspot.com"});
En revanche, votre page web devra posséder une fonction du nom de initWebsite qui pourra mâcher l'information et en faire ce que vous désirez.
function initWebsite(info){
console.log(info.title);
console.log(info.url);
}
Voici quelques exemples de services qui permettent la récupération de données avec JSONP.
  • Twitter (récupérer les statuts)
  • Digg
  • GeoNames (cliquez sur le lien pour voir la requête. Je demande de l'information sur le code postal H1V3N7 situé au Canada)

    Exemple de réponse :

    callbackFunction(
    {"postalcodes":[{"postalcode":"H1V","adminCode1":"QC","countryCode":"CA","lng":-73.55103,
    "placeName":"Maisonneuve","lat":45.570163,"adminName1":"Quebec"}]}
    );
Quelques points à noter :
  • jQuery possède le nécessaire pour travailler avec JSONP
  • Ne pas utiliser avec des données sensibles
  • Faire attention à la sécurité car ça peut être vulnérable aux attaques CSRF ou XSRF


Tags: JavaScript

0 réponse à "JSONP pour récupérer des données distantes"


Publier un commentaire

Message plus récent Messages plus anciens Accueil
S'abonner à : Publier des commentaires (Atom)
    Suivre @code18 sur Twitter

    Catégories

    • Apache (21)
    • Citations (167)
    • Club Vidéo (24)
    • Coffre à outils (55)
    • CSS (8)
    • Curiosités (117)
    • Design Pattern (2)
    • Drupal (8)
    • Easter Eggs (22)
    • Extensions Firefox (20)
    • GIMP (7)
    • Histoire (21)
    • HTML (32)
    • Humour (57)
    • Intégration (34)
    • iPod (12)
    • JavaScript (110)
    • Jeu de combat (6)
    • Le coin du geek (128)
    • Liens (12)
    • Linux (56)
    • Livres (78)
    • Lois et principes (46)
    • Marché des saveurs (26)
    • Mathématique (18)
    • Mobile (5)
    • Montréal (32)
    • Musique (112)
    • Pancartes et écriteaux (16)
    • Perl (8)
    • Pérou (1)
    • PHP (130)
    • PostgreSQL (44)
    • Programmation (105)
    • Saviez-vous que (55)
    • Sécurité (22)
    • SEO (5)
    • SQL Server (22)
    • Vieilles publicités (6)
    • Virtualisation (8)
    • Voyages (1)
    • Zend Framework (26)

    Divers

    Archives

    • ►  2015 (6)
      • ►  août 2015 (1)
      • ►  juillet 2015 (1)
      • ►  février 2015 (3)
      • ►  janvier 2015 (1)
    • ►  2014 (8)
      • ►  décembre 2014 (1)
      • ►  novembre 2014 (1)
      • ►  octobre 2014 (1)
      • ►  août 2014 (2)
      • ►  juillet 2014 (2)
      • ►  janvier 2014 (1)
    • ►  2013 (53)
      • ►  décembre 2013 (2)
      • ►  novembre 2013 (1)
      • ►  octobre 2013 (3)
      • ►  septembre 2013 (2)
      • ►  août 2013 (5)
      • ►  juillet 2013 (3)
      • ►  juin 2013 (5)
      • ►  mai 2013 (3)
      • ►  avril 2013 (7)
      • ►  mars 2013 (7)
      • ►  février 2013 (11)
      • ►  janvier 2013 (4)
    • ►  2012 (105)
      • ►  décembre 2012 (8)
      • ►  novembre 2012 (5)
      • ►  octobre 2012 (4)
      • ►  septembre 2012 (1)
      • ►  août 2012 (8)
      • ►  juillet 2012 (7)
      • ►  juin 2012 (7)
      • ►  mai 2012 (10)
      • ►  avril 2012 (13)
      • ►  mars 2012 (15)
      • ►  février 2012 (15)
      • ►  janvier 2012 (12)
    • ►  2011 (146)
      • ►  décembre 2011 (14)
      • ►  novembre 2011 (11)
      • ►  octobre 2011 (12)
      • ►  septembre 2011 (13)
      • ►  août 2011 (15)
      • ►  juillet 2011 (17)
      • ►  juin 2011 (18)
      • ►  mai 2011 (15)
      • ►  avril 2011 (9)
      • ►  mars 2011 (7)
      • ►  février 2011 (3)
      • ►  janvier 2011 (12)
    • ▼  2010 (398)
      • ►  décembre 2010 (29)
      • ►  novembre 2010 (28)
      • ►  octobre 2010 (32)
      • ►  septembre 2010 (34)
      • ►  août 2010 (22)
      • ►  juillet 2010 (35)
      • ►  juin 2010 (42)
      • ►  mai 2010 (36)
      • ►  avril 2010 (37)
      • ►  mars 2010 (34)
      • ▼  février 2010 (32)
        • Comment dépenser 100$ de vins en 3 minutes
        • Citation no. 71 sur l'emploi
        • Comment expliquer REST à sa femme
        • L'informatique, comme la mécanique
        • Propriétaire d'une fonction Postgres
        • Le Parfum de Süskind - Fin alternative
        • JSONP pour récupérer des données distantes
        • Cacher les erreurs PHP en production
        • Citation no. 70 sur les vertus d'un programmeur
        • Nouveau look de Code 18
        • Des visiteurs d'un peu partout
        • Vider un select box en JavaScript
        • Pourquoi les programmeurs ont des rages de sucre?
        • Intégrer une carte Bing Maps
        • IBM Glass Engine
        • Voir Back to the Future d'une autre façon
        • Faits saillants d'une soirée atypique
        • Citation no. 69 sur la culture
        • Konami Code sur PHP.net
        • Résultat au test de geek
        • Processeur ultra-performant !
        • Écouteurs de contrefaçon
        • Transférer un profil utilisateur à PayPal
        • Noms de familles qui se terminent par LX
        • Erreur sur la personne
        • Citation no. 68 sur l'optimisation du code
        • Aliss de Patrick Senécal
        • Spécial du vendredi : Chewbacca
        • Wine : exécuter un logiciel Windows sous Linux
        • Supprimer les doublons dans SQL Server
        • Conclusion Vidéotron
        • Valeur par défaut d'un champ SQL Server
      • ►  janvier 2010 (37)
    • ►  2009 (429)
      • ►  décembre 2009 (32)
      • ►  novembre 2009 (34)
      • ►  octobre 2009 (33)
      • ►  septembre 2009 (37)
      • ►  août 2009 (37)
      • ►  juillet 2009 (39)
      • ►  juin 2009 (38)
      • ►  mai 2009 (37)
      • ►  avril 2009 (35)
      • ►  mars 2009 (36)
      • ►  février 2009 (32)
      • ►  janvier 2009 (39)
    • ►  2008 (84)
      • ►  décembre 2008 (34)
      • ►  novembre 2008 (39)
      • ►  octobre 2008 (11)

    Abonnés

Copyright © All Rights Reserved. Code 18 | Converted into Blogger Templates by Theme Craft