Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. Web Development
Code

Tips Singkat: Menggunakan jQuery untuk Mengambil Data dari Berkas XML

by
Difficulty:BeginnerLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Husain Ali Yahya (you can also view the original English article)

Dalam tips singkat ini, saya akan menunjukkan bagaimana cara memuat data dari sebuah file XML ke halaman kosong. Kita akan bekerja dengan fungsi $.get dan juga akan mengimplementasikan sebuah gif memuat sementara informasi sedang diambil. Kita akan menampilkan daftar sederhana dari buku pengembangan situs yang direkomendasikan. Mari melangkah dan memulainya.

Langkah 1: Meninjau Skripnya

Pertama, mari kita lihat ke berkas XML sederhana kita. Itu hanya mengandung beberapa buku dengan judulnya, gambar dan deskripsi.

Lalu, mari kita lihat jQuery yang asli.

Langkah Dua: Waktunya Menerjemahkan

KArena ini tips singkat, saya akan berjalan ke skripnya lebih cepat dari biasanya. Saat dokumen telah siap untuk dimanipulasi, kita akan mengambil berkas XML dengan menggunakan fungsi "$.get". Di dalam kurung, kita akan membagikan lokasi dari berkas, lalu menjalankan fungsi panggil ulang. Saya menggunakan variabel "d" untuk mewakili informasi yang sedang diambil dari berkas XML. Lalu, kita akan membuat sebuah tag heading dan daftar definisi.

Setelahnya, kita akan mencari melalui berkas XML (d) dan mencari tag dengan nama "book". Mengacu kembali ke dokumen saya, di sana ada tiga buku. Oleh karenanya, kita harus menjalankan metode "Each" untuk menjalankan operasi untuk tiap buku. Ingat, "each" hanyalah semacam pengulangan "for". Ini adalah cara untuk berjalan melalui setiap elemen dalam satu bagian.

Di kode berikutnya, saya mendefinisika beberapa variabel. Untuk mendapatkan "title " dan "description" dari berkas XML kami. Kami menggunakan ".attr(value)" - di mana "value" sama dengan atribut di dalam tag.

Akhirnya, kita membuat sebuah variabel di sebut "html" yang akan mengandung html yang akan menampilkan informasi dari berkas HTML. Hanya menetapkan informasi ke variable tidak akan menampilkannya ke halaman. Namun, untuk menampilkannya, kita mengambil daftar definisi dan append variabel -  $('dl').append($(html));

Satu hal lagi yang penting yaitu, sementara informasi sedang diambil dari file XML, kita akan menampilkan gif memuat yang standar (melalui gmabar latarbelakang). Ketika data telah dimuat, kita akan menghilangkan gambarnya.

Kamu telah Selesai

Aku tahu aku berlanjut begitu cepat; jadi tidak perlu ragu untuk meninggalkan komentar dan menanyakan pertanyaan yang kamu miliki. Perlu dicatat bahwa skrip ini akan membutuhkan sedikit kerja lagi sebelum siap untuk digunakan di situs asli. Kamu harus berkompensasi dengan orang-orang yang mematikan javascript. Dalam kasus ini, mereka akan menatap pada halaman yang kosong. Kamu harus berkompensasi dengannya. Tapi, saya ngelantur.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.