# 18: Ajax dan JSON - Trik CSS

Anonim

Ada kemungkinan besar bahwa di "dunia nyata", hal # 1 yang Anda gunakan untuk Ajax adalah mengirim dan menerima data JSON. Dan untuk alasan yang bagus. JSON tidak menganggap struktur visual seperti HTML. Ini hanya data mentah dan Anda dapat melakukannya sesuka Anda, yang sering kali dimasukkan ke dalam template. Ini memindahkan beberapa pekerjaan dari server ke klien (browser). Anda dapat mempelajari lebih lanjut tentang pembuatan template JavaScript di screencast lain.

jQuery memiliki fungsi Ajax khusus hanya untuk mendapatkan JSON, dengan nama yang tepat & .getJSON (). Ini terlihat sangat mirip dengan GET:

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

Perbedaannya adalah bahwa objek data di callback adalah objek siap pakai yang penuh dengan data yang dapat Anda lakukan apa pun yang Anda inginkan. Kemungkinan loop melaluinya menambahkan barang ke halaman.

Sejauh ini kita telah membicarakan tentang $ .get, $ .post, dan $ .getJSON - tetapi perlu dicatat bahwa ini semua hanyalah metode praktis yang pada akhirnya memanggil $ .ajax. Jika Anda lebih suka menjadi sangat spesifik tentang semua opsi Ajax Anda, Anda dapat menggunakannya secara langsung.