Système de requête sur des données json

Soyez le premier à donner votre avis sur cette source.

Vue 6 171 fois - Téléchargée 288 fois

Description

Ce script permet de faire des sélections via une syntaxe ce rapprochant des sélecteurs css. Mais aussi de tester si un objet valide un sélecteur.
Il n'y a que 9 sélecteurs définit pour le moment, mais permettent déjà de faire pas mal de truc intéressant :
  • : sélectionne tout les éléments définissant l'objet récursivement (ses descendants)

> : sélectionne tout les éléments définissant l'objet (ses enfants)
:where : qui est une condition à passer pour valider ou pas une sélection
:whereMatch : qui est une condition définit par une règle à passer pour valider ou pas une sélection
:whereUnique : qui est une condition à passer pour valider ou pas une sélection, et dont la validation interrompra la recherche d'autre occurrence (un peux comme une clé primaire)
:whereMin : qui définit un minimum
:whereMax : qui définit un maximum
dutexte : une propriété spécifique, peux être un chiffre pour un tableaux
[+du texte+] : une propriété spécifique,s'accordant pas à la syntaxe js

la clause :where et :whereMatch, passe par une référence à l'objet en court "object" via le nom de variable "object"

:whereMin et :whereMax accèpte deux arguments.
le 1er argument de définit la proprité devant satisfaire la condition sous forme d'une règle
le 2er argument est optionnelle , il définit qu'elle fonction , ou classe permet de comparer la valeur à une autre.

par exemple : JSON.select(Articles, "> :whereMax(> date, new Date) > titre"));

exemple d'une requête complexe : Séléction des titres des commentaire de fred des articles de Marion délisse et dont au moins un des commentaires est édité par Joakim

> :where(object.auteur == 'Marion délisse'):whereMatch(object.commentaire, :where(object.auteur == 'Joakim')) commentaire > :where(object.auteur == 'fred') > titre

voir ci-dessous

Source / Exemple :


<!DOCTYPE HTML>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
    <title>JSONSelector</title>
	<script type="text/javascript">
	

var JSON = window.JSON || {};

JSON.each = function(object, fn){
	if(object.each){
		object.each(fn);
	}else if(object.constructor == Object){
		for(var i in object)
			fn(object[i], i);
	}else if(object.constructor == Array){
		for(var i = 0, l = object.length; i < l; i++)
			fn(object[i], i);
	}
};

(function(){

	var cache = {select : {}, match : {}};
	
	function getLastProperty(resProperty, lastProperty){
	}
	
	function getCondition(rule, si){
		for(var i = si, l = rule.length, j = 1; i < l; i++){
			if(rule[i] == '(' && rule[i-1] != '\\'){
				j++;
			}else if(rule[i] == ')' && rule[i-1] != '\\')
				j--;
			if(!j)
				return [rule.slice(si, i), rule.slice(i + 1)];
		}
	}
	
	function addslashes(str) {
		str = str.replace(/\\/g,'\\\\');
		str = str.replace(/\'/g,'\\\'');
		str = str.replace(/\"/g,'\\"');
		str = str.replace(/\0/g,'\\0');
		return str;
	}

	/*
	 $1 = une descendance direct ou indirect
	 $2 = une descendance direct >	
	 $3 = une propriété	
	 $4 = une propriété ne s'accordant pas à la syntaxe js [+..+]
	 $5 = la valeur de la proprité $4
	 $6 = clause where ou whereMatch + tout le reste de la règle (parssé récurssivement)
	 $7 = clause whereMatch
	 $8 = les clauses commencant par :

  • /
var GROUPE_REG = /((\s*>\s*)|\s*\*\s*)((\[\+([^\+\]]+)\+\])|[\w\d$_]*)|(:where((Match)*(Unique)*(Min)*(Max)*)\(.*)|(:\w+)/g; function query(selector, match, min, max, rest){ var closes = [],//objets des fermetures des fonctions lastProperty = 'object', combiProperty = 'object', mm = min || max, minRule, maxRule, currentProperty; var start = (match ? "var valid = {};try{" : mm || rest ? "" : "var res = [];" + (/whereUnique/.test(selector) ? "var unique = {};" : "")); var fn = start +selector.replace(GROUPE_REG, function($0, $1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11){ if($1){ combiProperty = lastProperty; currentProperty = $3 || ($5 ? addslashes($5) : null); if(currentProperty){ if($2) lastProperty += "['"+currentProperty+"']"; else lastProperty = "object['"+currentProperty+"']"; }else lastProperty = 'object'; if($2){ closes.push(currentProperty ? "}" : "});"); return currentProperty ? "if("+combiProperty+".hasOwnProperty('"+currentProperty+"')){" : "JSON.each("+combiProperty+",function(object){"; }else{ closes.push("JSON.each(object, arguments.callee);})("+combiProperty+");"); if(currentProperty)closes.push("}"); return "(function(object){"+(currentProperty? "if(object.hasOwnProperty('"+currentProperty+"')){" : ""); } } if($6){ if($10 || $11){ var c = getCondition($6, $7 ? 7 + $7.length : 7); c[0] = c[0].split(/,((\s|\w|\d|_)*)$/gm); if($10) minRule= c; else maxRule = c; return ''; } if($9) closes.push("throw unique;}catch(e){}"); closes.push('}'); var conds = getCondition($6, $7 ? 7 + $7.length : 7); if($8) return "if(JSON.match("+lastProperty+",\""+conds[0]+"\")){" + conds[1].replace(GROUPE_REG, arguments.callee); return ($9 ? "try{" : "") +"if("+(conds[0]).replace("object", lastProperty)+"){" + conds[1].replace(GROUPE_REG, arguments.callee); } })+ (match ? "throw valid;" : mm ? mm[1] ? "var mm = "+mm[1]+"("+lastProperty+");if(!minMax || mm"+(min ? "<" : ">")+"minMax){minMax = mm;_object = __object;}" : "if(!minMax || "+lastProperty+(min ? "<" : ">")+"minMax){minMax = "+lastProperty+";_object = __object;}" : "res.push("+lastProperty+");")+ closes.reverse().join(''); if(minRule || maxRule){ var m = minRule || maxRule; fn += "var minMax, _object, __object; JSON.each(res, function(object){__object = object;"+query(m[0][0], false, minRule ? minRule[0] : false, maxRule ? maxRule[0]: false)+"});" + (!m[1] ? "res = [_object];" : "object = _object;res = [];if(object){" + query(m[1], false, false, false, true))+"}"; } var end = (match ? "}catch(e){if(e == valid)return true;}return false;" : mm || rest? "" : "return res;"); if(mm || rest) return fn + end; fn = new Function("object", fn + end); //met en cache cache[match ? "match" : "select"][selector] = fn; //pour voire comment les fonctions sont créer document.getElementById("de").innerHTML += "function du sélécteur : " + selector + "\n" + fn + "\n\n"; return fn; } JSON.select = function(object, selector){ return (cache.select[selector] || query(selector))(object); } JSON.match = function(object, selector){ return (cache.match[selector] || query(selector, true))(object); } })(); </script> </head> <body> <!-- pour voire ce que donnes les fonctions;--> <pre id = 'de'></pre> <div id = 'test'></div> </body> <script type="text/javascript"> //une JSON simple pour l'exemple. //Un ensemble d'article , ccontenant des commentaire, eux même pouvant contenir des commentaire var Articles = [{ titre : 'les abeilles chantent', auteur : 'Marion délisse', date : "10 06 2007", commentaires : [{ titre : 'Pas mal!', auteur : 'fred', date : "10 07 2007", contenue : 'du text....', commentaires : [{ titre : 'Merci ;)', date : "10 12 2007", auteur : 'Marion délisse', contenue : 'du text....' }] },{ titre : 'Bof', auteur : 'jean-jean le blérot', date : "10 08 2007", contenue : 'du text....', commentaires : [{ titre : 'Hmm', auteur : 'Marion délisse', date : "10 09 2007", contenue : 'du text....' },{ titre : 'N\'importe quoi', date : "10 10 2007", auteur : 'fred', contenue : 'du text....' },{ titre : 'L\'écoute pas mon bébé', date : "10 11 2007", auteur : 'Joakim', contenue : 'du text....' }] }] },{ titre : 'Jojo le boss !!!!', auteur : 'Joakim', date : "10 06 2008", commentaires : [{ titre : 'Comment t\es tros fort', auteur : 'fred', date : "10 07 2008", contenue : 'du text....', commentaires : [{ titre : 'Je sais !! ', auteur : 'Joakim', date : "10 08 2008", contenue : 'du text....', commentaires : [{ titre : 'Ca va les chevilles ?', date : "10 09 2008", auteur : 'jean-jean le blérot', contenue : 'du text....', }] }, { titre : 'Bisous mon héro', date : "10 10 2008", auteur : 'Marion délisse', contenue : 'du text....' }] }] },{ titre : 'les abeilles chantent plus', auteur : 'Marion délisse', date : "10 06 2009", commentaires : [{ titre : 'C\'est triste', date : "10 07 2009", auteur : 'fred', contenue : 'du text....', commentaires : [{ titre : 'C\'est vrai', date : "10 08 2009", auteur : 'Marion délisse', contenue : 'du text....' }] }] }]; //séléctionne les objets Articles. alert("Séléction des objets Articles :" +JSON.select(Articles, ">").length); //explication : on séléctionne l'ensemble des enfants de Articles par le sélécteur de descendance directe >. //exemple pas du tout utile vu qu'il renvoie juste une copie de Articles //Séléction des titre des Articles. alert("Séléction des titre des Articles :" +JSON.select(Articles, "> > titre")); //explication : on recherche pour chaque article de Articles > une propriété titre descandant directement de l'article (deuxième > plus la la prorpiété titre) //les espace entre les > ne sont pas obligatoire //Séléction de l'ensemble des objets possèdant un titres (commentaire compris). alert("Séléction de l'ensemble des objets possèdant un titres (commentaire compris) :" +JSON.select(Articles, "*:where(object.titre)").length); //explication : on ne séléctionne tout les objets * //qui définissent un titre , via la clause where et la référence à l'objet en court "object" //Séléction de l'auteur de l'article les abeilles chantent alert("Séléction de l'auteur de l'article les abeilles chantent :" +JSON.select(Articles, "> :whereUnique(object.titre == 'les abeilles chantent') > auteur")); //explication : on séléctionne l'ensemble des articles de Articles (>) //puis pour chaque article on ne séléctionne que celui qui à comme titre les abeilles chantent via la clause whereUnique et la référence à l'objet en court "object" //whereUnique stop la recherche au premier test positif, il peux servir pour définir des clé primaire //puis on séléctionne la propriété auteur directement descendante (fille) par > auteur //Séléction du titre de le l'article le plus récent alert("Séléction du titre le l'article le plus récent :" + JSON.select(Articles, "> :whereMax(> date, new Date) > titre")); //explication : on séléctionne l'ensemble des articles de Articles (>) //puis on ne séléctionne celui qui la date la plus récente :whereMax(> date, new Date) //le 1er argument de whereMax définit la proprité devant satisfaire la condition sous forme d'une règle //le 2er argument est optionnelle , il définit qu'elle fonction , ou classe permet de comparer la valeur à une autre // ici on transforme une string , en date , mais vous pouvait passer tout sorte d'objet //Séléction du titre le l'article qui comprends le commentaire le plus vieux alert("Séléction du titre le l'article qui comprends le commentaire le plus vieux :" + JSON.select(Articles, "> :whereMin(* commentaires > > date, new Date) > titre")); //explication : on séléctionne l'ensemble des articles de Articles (>) //puis on ne séléctionne celui qui à le commentaire le plus vieux :whereMin(* commentaire > date, new Date) //détail de -> * commentaires > date , on se trouve dans un article, donc on séléctionne tout les tableaux de commentaires possible commentaires (* commentaires) //puis pour chaque commentaire (>) on test la date ( >date) //Séléction des titres des commentaires des articles de Marion délisse et dont au moin un des commentaires est édité par Joakim alert("Séléction des titres des commentaire des articles de Marion délisse et dont au moin un des commentaires est édité par Joakim : " +JSON.select(Articles, "> :where(object.auteur == 'Marion délisse'):whereMatch(* commentaires > :where(object.auteur == 'Joakim')) > titre")); //explication : on séléctionne l'ensemble des articles de Articles (>) //puis pour chaque article on ne séléctionne que celui qui à comme auteur Marion délisse via la clause where et la référence à l'objet en court "object" //de ses commentaire, on test si au moin un commentaire est éditer par joakim //détail de -> whereMatch(* commentaires > :where(object.auteur == 'Joakim')) // * commentaires -> on séléctionne tout les object commentaire descendant // > -> puis pour chaque commentaire // :where(object.auteur == 'Joakim') -> si l'auteur == joakim //le teste passe .... //enfin on ne séléctionn que les titre (> titre) //Séléction des titres des commentaires de fred des articles de Marion délisse et dont au moin un des commentaires est édité par Joakim alert("Séléction des titres des commentaires de fred des articles de Marion délisse et dont au moin un des commentaires est édité par Joakim : " + JSON.select(Articles, "> :where(object.auteur == 'Marion délisse'):whereMatch(* commentaires > :where(object.auteur == 'Joakim')) * commentaires > :where(object.auteur == 'fred') > titre")); //explication : je vous laisse devinner ;) //A vous de bidouiller maintenant :) </script>

Conclusion :


Utile pour des services web, renvoyant du json....

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
5
Date d'inscription
dimanche 28 avril 2002
Statut
Membre
Dernière intervention
23 mai 2008

Bon OK fallait pas faire compliqué...

$.getJSON('data.json', function(data) {

var Articles = (data);

alert("Séléction des titres des commentaire des articles de Marion délisse et dont au moin un des commentaires est édité par Joakim : " +JSON.select(Articles, "> :where(object.auteur 'Marion délisse'):whereMatch(* commentaires > :where(object.auteur 'Joakim')) > titre"));

});

Merci
Messages postés
5
Date d'inscription
dimanche 28 avril 2002
Statut
Membre
Dernière intervention
23 mai 2008

Merci Kimjoa,

j'ai essayé avec :

$.ajax({
dataType: 'json',
success: function(data) {
// les requêtes de ton fichier ici
},
url: 'data.json'
});

Mais sans succès...
dans "data.json", j'ai mi le contenu de "var Articles"

je sais que tu es en vacance :-), mais un petit exemple simple...

Merci
Messages postés
262
Date d'inscription
vendredi 6 mai 2005
Statut
Membre
Dernière intervention
19 septembre 2014

salut ibompuis.
Il te suffit de faire une requête ajax si le fichier est sur le même domaine, sinon, d'inclure dans le DOM un tag script pointant vers le fichier. Les librairies le font très bien.

benben90d -> j'ai jamais utiliser la compression zip , donc je peux pas t'aider.
Messages postés
8
Date d'inscription
samedi 25 décembre 2004
Statut
Membre
Dernière intervention
3 mars 2008

bonjour
comment compiler avec un fichiers zipe
merci
Messages postés
5
Date d'inscription
dimanche 28 avril 2002
Statut
Membre
Dernière intervention
23 mai 2008

Hello Kimjoa,

Super script !
Comment l'utiliser avec un fichier json externe ?

Merci
Afficher les 7 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.