1587 Server - Blandet miljø Webintegrator HF1

Præsentationer af emnet: "1587 Server - Blandet miljø Webintegrator HF1"— Præsentationens transcript:

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

2 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”, og efterfølgende tilgå elementerne med indeksering som a[”fornavn”] eller a.fornavn Man kan også kombinere de to formater var personer = [ { ”fornavn”:”Jens”, { ”fornavn”:”Peter”, ] Tilgås f.eks. som Personer[0].fornavn © Mercantec 2014

3 JSON i PHP I PHP kan vi generere JSON med funktionen json_encode. $a = array(); $a[] = "Peter"; $a[] = "Jensen"; $a[] = $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

4 JSON i PHP associative På samme måde kan vi arbejde med associative arrays $a = array(); $a['fornavn'] = "Peter"; $a['efternavn'] = "Jensen"; $a[' '] = $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

5 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[' '] = $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