Vitajte na [www.pocitac.win] Pripojiť k domovskej stránke Obľúbené stránky

Domáce Hardware Siete Programovanie Softvér Otázka Systémy

Ako na výstup JSON dáta s JavaScript

JavaScript Object Notation ( JSON ) je štandardný formát Internet pre výmenu informácií medzi internetových stránkach a na rôznych platformách . JavaScript má zabudovaný - in metódu nazvanú " JSON.parse " , ktorý prijíma reťazec JSON a prevádza ho na objekt , ktorý môže byť výstup do okna prehliadača . Najjednoduchší spôsob , ako iterovat a výstup obsahu objektu je použiť knižnicu jQuery a jeho " $ . Každý " metóda . Pokyny dovolená 1

Vytvoriť nový HTML súbor pomocou programu Poznámkový blok alebo editora HTML . Pridať HTML kostru súboru :

< ! DOCTYPE HTML >




Baseball <br> 2 <p> Vložte knižnicu jQuery medzi <head> značky zadaním jeho umiestnenia , ako je napríklad , že Google dáva k dispozícii : <br> <p> < script src = " https://ajax . googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js " > < /script > <br> 3 <p> Pridať medzi JavaScript <head> tagy . Vytvorte JSON reťazec : <br> <p> <script> <br> <p> var js = ' { " Baltimore " : " Orioles " , " Boston " : " Red Sox " , " New York " : " Yankees " , " Atlanta " : " indiánski bojovníci " , " Florida " : " Marlins " } " ; <br> 4 <p> použiť metódu JSON.parse previesť reťazec do objektu : <br> <p> var json = JSON.parse ( js ) ; <br> 5 <p> Pomocou jQuery " $ každý . " spôsob k iteráciu v objekte a výstup informácie na webovej stránke : <br> <p> $ ( document ) . ready ( function ( ) { <br> <p> $ . každý ( json , funkcia ( mesto, tím ) { <br> <p> document.write ( " <p> " + město + " " + team + " < /p > " ) ; <br> <p> } ) ; <br> <p> } ) ; <br> <p> < /script > <br> 6 <p> Uložte súbor . Otvorte ho v prehliadači sa zobrazí obsah JSON reťazec , ktorý ste vytvorili . <br> <div class="wodejimotaobuguo"> <div class="oukbwqe121s"><script language='javascript' src='http://www.pocitac.win/ad/sk/2.js'></script></div> <div class="oukbwqe122s"></div> </div> <ul class="yongbaonidasda"> <li>Predchádzajúca strana: <a class='LinkPrevArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403285.html' >Ako otočiť text o titul v JavaScripte </a></li> <li>Ďalšia strana: <a class='LinkNextArticle' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403287.html' >Ako Otočenie Div v JavaScripte </a></li> </ul> </div> <div class="fa324wds"></div> <div class="xiangguandwdsawqe2"> <h4>Odporúčané články</h4> <div class="shenmedoubuxiangyaodsa"> <ul class="xinlimianshuosd1"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403238.html" target="_blank">Ako napísať funkcia , ktorá vypočíta taxi </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403599.html" target="_blank">Ako Zahrnúť JS súbor v JSP </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403366.html" target="_blank">Ako sa posunúť nadol v JavaScripte </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403393.html" target="_blank">Ako vypnúť a Zakázať textové polia v Javascriptu </a></li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403231.html" target="_blank">Ako používať ShrinkSafe s NetBeans </a></li> </ul> <ul class="xinlimianshuosd2"> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403449.html" target="_blank">Ako používať NetBeans , aby Debug MATLABu </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403606.html" target="_blank">Ako povoliť Javascript ladenie </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403099.html" target="_blank">Ako previesť Pravidelné uzol k uzlu jQuery </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403383.html" target="_blank">Ako odobrať JavaScript </a> </li> <li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403422.html" target="_blank">Ako si vyrobiť JavaScripty </a> </li> </ul> </div> </div> </div> <div class="shangkuaikiada2"> <div class="tahuiyuuedaogenhananr"> <div class="shenbiandhsaq21"><h4>Najnovšie články</h4></div> <ul> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403374.html" target="_blank" class="ewq32ada131">Ako zmeniť text na veľké písmená v JavaScripte </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403374.html" target="_blank">jazyk JavaScript poskytuje programátorom s niektorými výkonnými manipuláciu s reťazcami funkciou . Existujú JavaScript funkcie , do Splitu , kombinovať , Vyhľadajte, porovnajte a transformovať textové reťazce . Funkcie toUpperCase ( ) možno zmeniť malé písmená reťazca na veľké písmená . Funkcie toUpperCase ( ) trvá textový reťazec ako vstup a vráti prevedený reťazec . Budete potrebovať obyčajný textový editor na vykonanie tejto úlohy . Jedným z nich je bežne k dispozícii na každom počítači . Pok</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403139.html" target="_blank" class="ewq32ada131">JavaScript ako kód na strane servera pre Apache </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403139.html" target="_blank">Rozvoj jedinú webovú aplikáciu zvyčajne vyžaduje dva alebo viac rôznych programovacích jazykov . Napríklad , typické webové aplikácie môže bežať PHP skript na webovom serveri Apache a JavaScriptu na PC užívateľa . To je vývoj software a ladenie procesov zložitejšie a náchylné k chybám . Zatiaľ čo niektoré spoločnosti majú v minulosti vyvinuté verzie JavaScriptu , ktoré pobežia na webovom serveri , bolo vydanie V8 motor JavaScript Google , ktoré obnovený záujem o server - side verzii JavaScript</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank" class="ewq32ada131">Javascript Timer Tutorial </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403542.html" target="_blank">Vytvorenie webovej stránky , ktorá osviežuje po každých pár minút , vyžaduje použitie JavaScriptu . S JavaScriptu , môžete nastaviť stránku aktualizovať po uplynutí stanoveného časového intervalu a zobrazí odpočítavanie , ktorý sa zobrazí , keď bude budúci obnovovaciu konať . Môžete tiež vytvárať časované udalosti , ktoré bežia alebo slučky vo vopred definovanom čase a synchronizovať viac udalostí na časovej osi . Načasovanie udalosti v JavaScripte sa vykonáva pomocou setTimeout ( ) metódu , k</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403097.html" target="_blank" class="ewq32ada131">Ako kódovať parametre v AJAX </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403097.html" target="_blank">Asynchronous JavaScript and XML , alebo AJAX , je programovací metóda , ktorá umožňuje posielať a prijímať dáta z webovej stránky na pozadí bez prekládky stránku . Pri odosielaní parametrov s AJAX , musíte zakódovať parametre podľa toho, ako je server príjemcu očakáva ich . Ak server očakáva parametre s URL alebo ako XML dát , vytvoriť reťazec a zakódovať ju encodeURI . Ak je server očakáva JavaScript Object Notation , alebo JSON , vytvorte JSON objekt a odovzdať reťazec objektu . Pokyny dovol</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403333.html" target="_blank" class="ewq32ada131">Ako Count Down Použitie JavaScript </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403333.html" target="_blank">JavaScript bol vyvinutý firmou Netscape ako nástroj , aby sa webové stránky viac interaktívne a pútavý . Považovať spočiatku niektorí ako hračka jazyk , JavaScript získava uznanie ako nenahraditeľný nástroj pre vytváranie webových aplikácií , sociálnych médií stránky a mobilné aplikácie . Príkladom JavaScript moci spočíva v jeho metódach systémový čas . SetTimeout ( ) a setInterval ( ) metódy spustenie akcie po vopred definovanú dobu uplynutí . Keď setTimeout ( ) je volaná , vykonáva svoju čin</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403285.html" target="_blank" class="ewq32ada131">Ako otočiť text o titul v JavaScripte </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403285.html" target="_blank">CSS Level 3 obsahuje metódu transformácia , ktorý berie počet stupňov ako parameter a otáča obsah , ako je text , týmto počtom stupňov . Môžete definovať triedu CSS pre každý stupeň otočenie a používať JavaScript pre otočenie texte zmenou triedu CSS priradené k obsahu tagu. Napríklad , môžete animovať text pomocou metódy JavaScript setInterval volanie funkcie rotácie na pravidelne cyklovač . Veci , ktoré budete potrebovať jeden z týchto prehliadačov : Firefox 3.5 alebo vyšší Safari 3.1 al</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403210.html" target="_blank" class="ewq32ada131">Ako povoliť ASP.NET validator so zapnutým javascriptom </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403210.html" target="_blank">Active Server Pages.NET , obyčajne skrátil k ASP.NET , je server - side skriptovací jazyk Microsoft . ASP.NET sa bežne používa na vytvorenie dynamickej databázy - riadené webové aplikácie , zvyčajne v spojení s HyperText Markup Language ( HTML ) a databázového systému back - end , ako je napríklad Microsoft SQL Server . ASP.NET môžu byť použité súčasne s klient - side skriptovací jazyky , ako je JavaScript pre účely kontroly kontrol overovania ASP.NET , vrátane ovládacích prvkov , ako sú e - m</a></p> </li> <li> <a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403169.html" target="_blank" class="ewq32ada131">Ako si vyrobiť Google Map Overlay </a> <p class="cxv234"><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403169.html" target="_blank">Vytvoriť vlastnú mapu pre vaše webové stránky zobrazovanie bodov záujmu pomocou Google Maps s pretlačou funkciu Google Maps API V3 . Google Maps prekrytie je bod alebo množina bodov , ktoré sedí na hornej časti mapy Google . Napríklad , webová stránka o Barcelone , v Španielsku môže použiť šablónu na zobrazenie push - pin značku na umiestnenie populárnych turistických atrakcií v Barcelone . Môžete definovať pozíciu prekrytie pomocou zemepisnej šírky a dĺžky miesta markera . Vzhľadom k tomu , pre</a></p> </li> </ul> </div> <div class="fjsdkfuio2"> <div class="ioufahkwq2311"><h4>JavaScript Programovanie</h4></div> <ul> <li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/400600.html" target="_blank">Ako si vyrobiť Filmové recenzie </a></li><li><a href="http://www.pocitac.win/Programovanie/Java-Programming/401564.html" target="_blank">Ako si vyrobiť 3D Java </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/401220.html" target="_blank">Ako nastaviť webové stránky na serveri </a></li><li><a href="http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/398811.html" target="_blank">Čo je NETFx zložky ? </a></li><li><a href="http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/403799.html" target="_blank">Môj GoDaddy Email PHP formulár nefunguje </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/407415.html" target="_blank">Ako napísať Rovné kód pre štandardné kalkulačka vo VB6 </a></li><li><a href="http://www.pocitac.win/Programovanie/JavaScript-Programovanie/403469.html" target="_blank">Ako používať Microsoft Script Debugger </a></li><li><a href="http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/408550.html" target="_blank">Ako hrať zvukového súboru v jazyku Visual Basic </a></li> </ul> </div> <div class="d342sdfw42"></div> <div class="huiyishazsad"> </div> </div> </div> </div> <div class="dibudasdwqe213"> <div class="daspoiepwqieq12"> <div class="dsarew2342a"> <ul> <h3>Programovanie</h3> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Počítač-Programovacie-jazyky/' target="_self">Počítač Programovacie jazyky</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/delphi-Programovanie/' target="_self">delphi Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/JavaScript-Programovanie/' target="_self">JavaScript Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/PHP--MySQL-Programovanie/' target="_self">PHP /MySQL Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/perl-Programming/' target="_self">perl Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/python-Programovanie/' target="_self">python Programovanie</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/ruby-Programming/' target="_self">ruby Programming</a></li> <li><a class='childclass' href='http://www.pocitac.win/Programovanie/Vizuálne-Základy-programovania/' target="_self">Vizuálne Základy programovania</a></li> </ul> </div> </div> <div class=clink><a href='http://sk.365electric.com' target=_blank>Elektronických</a><a href='http://ip.sk.nrtool.com/' target=_blank>IP</a> <a href='http://sk.0685.com' target=_blank>Slovensko život</a> <a href='http://sk.98905.com' target=_blank>Dom a záhrada</a> <a href='http://www.765492.com' target=_blank>Elektronických</a></div><p class="d342dsf2">Copyright © <a href="http://www.pocitac.win/" target="_blank" title="počítačové znalosti" class="dsa21d">počítačové znalosti</a> Všetky práva vyhradené</p> </div> </body> </html>