, der er asynkron javascript og xml, som anvendes på kundens side som en gruppe af indbyrdes forbundne net, udvikling af teknikker med henblik på at skabe asynkron web - applikationer.i henhold til ajax model, web ansøgninger kan sende og hente data fra en server asynkront med uden at blande sig med skærm og opførelsen af den eksisterende side.,, mange udviklere anvendelse json passere ajax opdateringer mellem klient og serveren.websteder, ajourføring af levende sportsresultater kan betragtes som et eksempel på ajax.hvis disse resultater skal ajourføres på webstedet, så de skal opbevares på serveren, så det websted kan hente score, når det er påkrævet.det er, hvor vi kan gøre brug af json formaterede data. data, det er ajourført med ajax kan opbevares ved hjælp af json format på web - server.ajax er brugt, så javascript kan få disse json filer, når det er nødvendigt, analysere dem, og udfører en af følgende aktiviteter og minus,,,,,,,, opbevarer de parset værdier i variabler til videreforarbejdning før opslag på webstedet.,,,, det direkte giver oplysninger til dom elementer på webstedet, så de er anbragt på webstedet.,,,,,, følgende kode viser, json med ajax.gem det, som ajax.htm, fil.her - funktion loadjson() anvendes asynkront med at uploade json data.,, < html > < head > < meta - indhold = "tekst /html; charset = iso-8859-1" http equiv = "content type" > < manuskript type = "anvendelse /javascript" > funktion loadjson() {var data_file = "http: ////////////////////////////www.tutorialspoint. kom json data. json" var http_request = nye xmlhttprequest(); prøve (//- 8, 0 +, firefox, krom, safari http_request = nye xmlhttprequest();} fangst (e) (//internet explorer - browsere prøve (http_request = nye activexobject ("msxml2. xmlhttp");} fangst (e) (prøve (http_request = nye activexobject ("microsoft. xmlhttp");} fangst (e) (//noget gik galt indberetning ("din browser brød!")og vende falske}) http_request.onreadystatechange = function() (hvis (http_request.readystate = = 4) (//javascript funktion json.parse at analysere json data var jsonobj = json. analysere (http_request. responsetext); //jsonobj variabel indeholder de data, struktur og kan //fås som jsonobj.name og jsonobj.country.document.getElementById("Name").innerHTML = jsonObj.name; document.getElementById("Country").innerHTML = jsonObj.country; } } \t\t\t http_request.open("GET", data_file, true); http_request.send(); } \t\t </script> \t <title>tutorialspoint.com JSON</title> </head> \t <body> <h1>Cricketer Details</h1> \t\t <table class = "src"> <tr><th>Name</th><th>Country</th></tr> <tr><td><div id = "Name">Sachin</div></td> <td><div id = "Country">India</div></td></tr> < /tabel > < div klasse = "central" > < knap type = "knap" onclick = "loadjson()" > ajourføre oplysninger < /knap > < /div > < /organ > og lt; /html >,, anført nedenfor er input - fil, data. json, med data i json format, som vil blive uploadet asynkront med, når vi tryk, ajourføre detaljer, button.denne sag bliver holdt ihttp: //////////////////////www.tutorialspoint. kom json,,, ("navn": "fred", "land": "australien"}, ovennævnte html kode vil generere følgende skærm, hvor du kan tjekke ajax i aktion og minus;,, cricketspiller oplysninger, landets navn sachin indien, ajourføre oplysninger: når du klik på ajourføring af detaljer, du skulle få et resultat, noget som følger.du kan prøve json med ajax dig selv, forudsat at deres browser støtter javascript.,, cricketspiller detaljer, landets navn brett australien,
json med ajax
Previous:json med java
Next Page:lox tutor tutor lox