JQuery İle XML Dosyalarını Okuma

JQuery İle XML Dosyalarını Okuma
Mayıs 17 14:06 2014 Bu yazıyı yazdır

Geçmiş yazılarda XML ve JQuery ile ilgili konulardan bahsetmiştik, ilgili yazı kategorilerine aşağıdaki linkler aracılığı ile ulaşabilirsiniz:

Bu konuda XML dosyalarını JQuery kütüphanesini kullanarak içerisindeki verilere erişme ile ilgili basit bir uygulama yapacağız. Öncelikle XML dosyasını oluşturalım:

Yukarıdaki XML dosyasını site.xml olarak kaydedelim. Sonrasında üç adet dosya oluşturacağız, bunların biri JQuery kütüphanesi olacak. Bu dosyayı JQuery download sayfasından indirebilirsiniz. Bunun dışında bizim manuel olarak oluşturacağımız dosyalar şunlardır:

  • JQuery sayfası: lib.js
  • HTML sayfa: veri-goster.html

HTML sayfasında bulunan body elementleri arasına aşağıdaki HTML kodlarını ekleyeceğiz.

Yukarıda 2 sütun 1 satırlık bir tablo ve hata durumlarında ekrana yazdırılacak mesajın bulunacağı bir div bulunmaktadır. XML dosyasında url ve title isimli iki adet element bulunmaktadır. Bu sebeple tablo içerisinde 2 adet sütun oluşturuyoruz. JQuery ile XML dosyasında mevcut olan satır sayısı kadar yeni satır ekleyeceğiz:

JQuery ajax metodunu kullanarak XML dosyasında bulunan tüm verileri HTML sayfada çıktı oluşturduk.

Ekran Çıktısı

Ekran Çıktısı

Yukarıdaki uygulamannın demosuna buradan ulaşabilirsiniz: DEMO

  Yazı şöyle etiketlendi:
  Kategoriler:
A.Gökhan, M.Sc.
A.Gökhan, M.Sc.

My Name is A. Gokhan SATMAN, and I am a software engineer, Author and game developer. gokhansatman.com

Daha fazla yazı görüntüle
Yorum yaz

1 Yorum

Yorum ekle

Your data will be safe! Your e-mail address will not be published. Also other data will not be shared with third person.
All fields are required.


*