JavaScript ile Uzak Adresten Veri Çekmek

Merhaba arkadaşlar,

Bu makalemde JavaScript ile farklı bir domain’den nasıl veri çekeceğinizi anlatıyorum. Bildiğiniz gibi domain’ler farklı oldukları zaman javascript ile işlem yapmak güçleşiyor.

Şimdi iki tane domain hayal edin. Birinde javascript kullanacağız, diğerinde ise PHP kullanacağız. JavaScript kullandığımız domain abc.com olsun. Diğer domain de def.com olsun. def.com’daki bilgleri abc.com’a çekmek için JSONP’siz $.post, $.get, $.ajax yöntemlerini kullanabilir miyiz? Kesinlikle hayır. Bu fonksiyonlarla harici bir domainden asla veri çekemeyiz. Bu noktada bizim yardımımıza $.getJSON() fonksiyonu koşuyor. Aslında bu da aşağıda göreceğiniz Ajax fonksiyonunun kısaltılmış halidir:

$.ajax({
 url: url,
 dataType: 'json',
 data: data,
 success: callback
});

$.ajax({

url: url,

dataType: 'json',

data: data,

success: callback

});

$.getJSON ile farklı bir domain’e GET methodu ile veri gönderip oradan gelecek olan JSON datayı işleyebiliriz. Şimdi abc.com’dan şöyle bir sorgu göndereceğiz def.com’a: $.getJSON(“http://def.com/trkodlama.php?jsoncallback=?”);. Hemen abc.com adresimizin javascript kısmını kodlayalım

// Bu kodu yazarken sayfanıza jquery yi eklediğinizi varsayıyorum.
$(document).ready(function () {
	var _this = $(this);
	$.getJSON("http://def.com/trkodlama.php?jsoncallback=?", function(data) {
		$.each(data.urunler, function(i,urun){
			icerik = '&lt;p&gt;' + urun.baslik + '&lt;/p&gt;';
			icerik += '&lt;p&gt;' + urun.aciklama+ '&lt;/p&gt;';
			icerik += '&lt;img src="' + urun.resim + '" alt=""&gt;';
			icerik += '&lt;br&gt;';
			$(icerik).appendTo("body");
		});
	});
});

// Bu kodu yazarken sayfanıza jquery yi eklediğinizi varsayıyorum.

$(document).ready(function () {

var _this = $(this);

$.getJSON("http://def.com/trkodlama.php?jsoncallback=?", function(data) {

$.each(data.urunler, function(i,urun){

icerik = '' + urun.baslik + '';

icerik += '' + urun.aciklama+ '';

icerik += '<img src="' + urun.resim + '" alt="">';

icerik += ' ';

$(icerik).appendTo("body");

});

Şimdide def.com/trkodlama.php dosyasının kodlarını verelim:

&lt;?php
$dizi = Array('urunler' =&gt;
    Array(
        0 =&gt; Array(
            'baslik'    =&gt; 'Ürün 1',
            'aciklama'  =&gt; 'Kaliteli bir ürün',
            'resim'     =&gt; '/resim/15/1.jpg'
        ),
        1 =&gt; Array(
            'baslik'    =&gt; 'Ürün 2',
            'aciklama'  =&gt; 'Kalitesiz ama ucuz bir ürün',
            'resim'     =&gt; '/resim/15/2.jpg'
        )
    )
);
echo json_encode($dizi);
?&gt;

<?php

$dizi = Array('urunler' =>

Array(

0 => Array(

'baslik' => 'Ürün 1',

'aciklama' => 'Kaliteli bir ürün',

'resim' => '/resim/15/1.jpg'

1 => Array(

'baslik' => 'Ürün 2',

'aciklama' => 'Kalitesiz ama ucuz bir ürün',

'resim' => '/resim/15/2.jpg'

)

);

echo json_encode($dizi);

Kullanımı bu şekilde, umarım faydalı olur arkadaşlar,
Kolay gelsin,

Yorumlar

TOPLAM 3

hakan 12 yıl önce

Oncelikle bu super bilgi icin tesekkurler. Biraz acemiyim de, acaba Post ile de veri cekebiliyor muyuz, cekebiliyosak post verilerini nereye yazmamiz gerekiyor, tekrar tesekkurler

Yanıtla
mazhar 10 yıl önce

normal 2 dosya bir sunucudayken çalışıyor ama farklı sunuculara atınca json uzak dosyayı nedense gormuyor acaba sunucu ayarlarımı buna izin vermiyor?

Yanıtla
Oral ÜNAL 10 yıl önce

Javascript ile başka sitelerden veri çekemezsin veri gönderemezsin. Tarayıcılar buna müsade etmezler.

Uzak sunucudaki veriyi PHP ile çekip o sayfandan işlem yapmalısın, json ile direk uzak sunucudan veri çekmen güvenlik sebepleri ile yasaklanmıştır.

Kolay gelsin,

Yanıtla

Bir yanıt yazın Yanıtı iptal et

DISQUS: 0

JavaScript ile Uzak Adresten Veri Çekmek

Yazar: Oral ÜNAL

Bunlarda İlginizi Çekebilir

Yorumlar

Bir yanıt yazın Yanıtı iptal et