# 18: „Ajax“ ir „JSON“ CSS-gudrybės

Anonim

Yra didelė tikimybė, kad „realiame pasaulyje“ svarbiausias dalykas, kurį naudojate „Ajax“, yra JSON duomenų siuntimas ir priėmimas. Ir dėl rimtų priežasčių. JSON neprisiima jokios vizualinės struktūros, kaip tai daro HTML. Tai tik neapdoroti duomenys, ir jūs galite padaryti tai, ką norite, o tai dažnai dedama į šablonus. Tai perkelia dalį darbo iš serverių į klientus (naršykles). Daugiau apie „JavaScript“ šablonus galite sužinoti kitoje ekrano kopijoje.

„jQuery“ turi specialią „Ajax“ funkciją, skirtą tik gauti JSON, tinkamai pavadintą & .getJSON (). Jis atrodo labai panašus į GET:

$.getJSON( "http://codepen.io/chriscoyier/pen/EAIJj.js", function(data) ( // Success! Do stuff with data. console.log(data); ) );

Skirtumas yra tas, kad atgalinio skambučio duomenų objektas yra paruoštas objektas, pilnas duomenų, su kuriuo galite daryti viską, ką norite. Tikėtina, kad peržengsite jo elementus, pridėkite puslapių.

Iki šiol kalbėjome apie $ .get, $ .post ir $ .getJSON, tačiau verta paminėti, kad visa tai yra tik patogumo metodai, kurie galiausiai vadina $ .ajax. Jei norite būti labai konkretus apie visas „Ajax“ parinktis, galite tai naudoti tiesiogiai.