requete ajax jquery getJson
Par aurelien gerits le mardi, 23 juin 2009, 21:23 - Lien permanent
Pour faire une requête ajax getJson avec jQuery,
on doit simplement paramétrer la fonction :
[CODE] getJson(url ,clé/valeur,callback,param(optionel))
Dans la librairie,
on peu choisir d'utiliser l'encodage JSON directement dans les paramètres.
[CODE] magixcjquery_jquery_ajaxRequest::getJson(url ,clé/valeur,callback,param(optionnel),encodage(optionnel))
Exemple :
[PHP] $tbs = array("name"=> "John", "time"=> "2pm"); $jquery .= magixcjquery_jquery_ajaxRequest::getJson(magixHtml::getUrl(true),$tbs);
Avec un callback, fonction qui sera exécutée dès que les données seront complètement chargées.
[PHP] $tbs = array('name'=> '"John"', 'time'=> '"2pm"'); $jquery .= magixcjquery_jquery_ajaxRequest::getJson(magixHtml::getUrl(true),$tbs,'alert("sa fonctionne");';
La requête JQuery getJson se charge de récupérer les données JSON.
Null besoin de spécifier l'alias que l'on utilisera dans l'ensemble de l'application, la librairie le fais pour vous.
Dans le cas d'une utilisation du mode no conflict, la fonction enableNoConflict attribuera les paramètres automatiquement. Exemple:
[PHP] $jquery = magixcjquery_jquery_magixcjQuery::startjQuery(); $ar = array('name' => '"John"','time'=>'"2pm"'); $jquery .= magixcjquery_jquery_ajaxRequest::getJson( 'http://www.test.truc/contact/', $ar ); $jquery .= magixcjquery_jquery_magixcjQuery::endjQuery();
Ce qui équivaut à :
[javascript] <script type="text/javascript"> $(document).ready(function(){ $.getJSON( "http://www.test.truc/contact/", {name:"John",time:"2pm"}); }) </script>
On peu également définir un tableau JSON:
[php] $jquery = magixcjquery_jquery_magixcjQuery::startjQuery(); $ar = array('name' => 'John','time'=>'2pm'); $jquery .= magixcjquery_jquery_ajaxRequest::getJson( 'http://www.test.truc/contact/', $ar, false, false, 'encode' ); $jquery .= magixcjquery_jquery_magixcjQuery::endjQuery();
Ce qui donnerai :
[javascript] <script type="text/javascript"> $(document).ready(function(){ $.getJSON("http://www.test.truc/contact/", {"name":"John","time":"2pm"}); }) </script>