1587 Server - Blandet miljø Webintegrator HF1 API JSON PHP Object orienteret Webintegrator HF1 © Mercantec 2014

JSON JSON (JavaScript Object Notation) er et open standard dataformat som er let læsbart og et alternativ til XML. JSON er specielt udbredt ved kommunikation mellem webserver og webclient.Standarden minder meget om ren JavaScript og kan også anvendes som sådan. Man kan f.eks. skrive et array på følgende måde. var a = [”Peter”,”Jens”,”Ole”] ; og efterfølgende tilgå elementerne med alm. indeksering a[1]; Eller et associativt array som var a = { ”fornavn”:”Jens”, ”efternavn”:”Jensen”,”email”:”jens@jensen”} og efterfølgende tilgå elementerne med indeksering som a[”fornavn”] eller a.fornavn Man kan også kombinere de to formater var personer = [ { ”fornavn”:”Jens”, ”efternavn”:”Jensen”,”email”:”jens@jensen”}, { ”fornavn”:”Peter”, ”efternavn”:”Petersen”,”email”:”peter@petersen”} ] Tilgås f.eks. som Personer[0].fornavn © Mercantec 2014

JSON i PHP I PHP kan vi generere JSON med funktionen json_encode. $a = array(); $a[] = "Peter"; $a[] = "Jensen"; $a[] = "peter@jensen.dk"; $ajson = json_encode($a); echo $ajson; Fra JavaScript vil data kunne hentes med $.ajax({ method: "GET", url: "json.php", }).done(function( data ) { var a = eval(data); for (i = 0; i < a.length; i++) { document.writeln('Indholdet index ' + i + ' er ' + a[i]); } }); © Mercantec 2014

JSON i PHP associative På samme måde kan vi arbejde med associative arrays $a = array(); $a['fornavn'] = "Peter"; $a['efternavn'] = "Jensen"; $a['email'] = "peter@jensen.dk"; $ajson = json_encode($a); echo $ajson; } I JavaScript kan vi hente data som $.ajax({ method: "GET", url: "json.php", }).done(function( data ) { var a = eval("("+data+")"); //Nyere browseren understøtter var a = JSON.parse(data); for (var key in a){ document.writeln('Indholdet index '+key+' er '+a[key]); document.writeln('<br>'); } }); © Mercantec 2014

Med GET parametre Hvis man vil overføre parametre fra scriptet til serven kan det gøres som sædvanlig med GET eller POST. På den måde kan vi i scriptet fortælle hvilke data vi ønsker at hente. I PHP kunne vi skrive if (isset($_GET['datatype'])&& $_GET['datatype']=="json_assoc") { $a = array(); $a['fornavn'] = "Peter"; $a['efternavn'] = "Jensen"; $a['email'] = "peter@jensen.dk"; $ajson = json_encode($a); echo $ajson; } Og i scriptet $.ajax({ method: "GET", url: "json.php", data : { datatype : "json_assoc"} }).done(function( data ) { if (data) { var a = eval("("+data+")"); … koden er afkortet… © Mercantec 2014