Selamlar ,Bu yazımda Jquery kullanarak Json formatında olan verileri  başka siteden nasıl çekeriz ve  kullanırız bundan bahsedeceğim.

Jquery ile Json Kullanarak Veri Çekme İşlemi

Selamlar ,Bu yazımda Jquery kullanarak Json formatında olan verileri başka siteden nasıl çekeriz ve kullanırız bundan bahsedeceğim.

Öncelikle ben bu yazımda json verilerini çekmek için doviz.com sitesinin apisini kullandım. Doviz.com sitesindeki api ile doviz kurlarını çeken bir sistem hazırlayacağız.

Json formatında veri aşağıdaki kod parçacığındaki gibidir. Dizi içerisinde key ve value ye sahip bir sistem şeklindedir.

{
"selling": 252.581831,
"update_date": 1512813924,
"gold": 3,
"source": 99,
"buying": 246.98704,
"change_rate": -1.1477621253085,
"name": "ceyrek-altin",
"full_name": "Çeyrek Altın",
"short_name": "Çeyrek",
"source_name": "serbest-piyasa",
"source_full_name": "Serbest Piyasa"
},
{
"selling": 505.163661,
"update_date": 1512813924,
"gold": 4,
"source": 99,
"buying": 492.430411,
"change_rate": -1.1477623209921,
"name": "yarim-altin",
"full_name": "Yarım Altın",
"short_name": "Yarım",
"source_name": "serbest-piyasa",
"source_full_name": "Serbest Piyasa"
}

Aşağıdaki kodda ise butona tıklanıldığı zaman belirtmiş olduğumuz siteye giderek json formatındaki verileri getirmektedir. Verinin uzunluğu kadar bir döngüye sokarak json dosyası   içerisindeki tüm verilere ulaşılmaktadır. Document.write ile daha sonra ekrana basma işlemi gerçekleştirilmektedir. 

<html>

  <head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  </head>

  <body>
       <button>Doviv Kurlarını Çekmek İçin Tıkla</button>
  </body>

</html>


<script>

    var site="https://www.doviz.com/api/v1/currencies/all/latest";

    $(document).ready(function () {

        $("button").click(function () {

            $.getJSON(site,function (gelen) {

                for(var i=0; i<gelen.length; i++){

                    $.each(gelen[i], function (key,value) {

                        document.write("<b>"+ key + "</b>"+": "+value+"</br>");

                    });
                    document.write("<hr/>");

                }

            })

        });

    });

</script>

 

Bu kodda  bir web sitesine giderek oradan verileri çektim. Siz isterseniz json formatında bir dosya açarak sadece site adresi yerinize kendi dosyanızı dahil ederek işlemlerinizi gerekleştirebilirsiniz. Doviz.com ile herhangi bir bağlantım yoktur. Api kulllanım sorumlulukları bana ait değildir. Eğer kullanacak iseniz yetkililere danışmanızı tavsiye ederim. Bu yazıda örnek olması açısından gösterilmiştir.

Başka bir yazımda görüşmek üzere ...

 

Bu Gönderiyi Paylaş

Yorumlar (1)

  • bayert

    Selam, Yazınız gayet anlaşılır olmuş, teşekkür ederim. Bu kodlarla oluşturulmuş dosyayı Chrome ile açmak istediğimde aşağıdaki hatayı alıyorum: Failed to load https://www.doviz.com/api/v1/currencies/all/latest: The 'Access-Control-Allow-Origin' header has a value 'https://www.doviz.com' that is not equal to the supplied origin. Ancak Internet Explorer ile bir sorun yaşamıyorum. Literatürü taradım; ancak kesin bir sonuca ulaşamadım. Bunu aşmanın bir yolu var mıdır acaba? Syg.

    2018-04-12 11:39:28

İçerik Hakkında Yorum Yapın

www.000webhost.com