5 Mayıs 2015 Salı

Jquery Ajax İle XML Veri Çekme

HTML
---
    <ul>
       
    </ul>



XML
----
<?xml version="1.0"  ?>

<corporate>
    <employee>
        <name>Ercüment</name>
        <age>15</age>
        <sirket>İsbul.net</sirket>
    </employee>
    <employee>
        <name>Hasan</name>
        <age>23</age>
        <sirket>Yenibiriş.net</sirket>
    </employee>
    <employee>
        <name>Emin</name>
        <age>23</age>
        <sirket>emine.net</sirket>
    </employee>
    <employee>
        <name>Gs</name>
        <age>555</age>
        <sirket>gsss.net</sirket>
    </employee>
</corporate>

JS
---
$(document).ready(function() {
   
setInterval(function(){
    getir();
},1000);

function getir(){

    $.ajax({
        url :"gelen.xml",
        dataType:"xml",
        success:function(data){
            $("ul").children().remove();

            $(data).find('employee').each(function() {
                var data = '<li> adı = '+$(this).find('name').text()+'</li><li> Yaşı = '+$(this).find('age').text()+'</li><li> Şirketi = '+$(this).find('sirket').text()+'</li><br/>';

                $("ul").append(data);
            });
        }
    });

}


});

Hiç yorum yok:

Yorum Gönder