v4r1able
Bağımlı
- Katılım
- 30 Kas 2019
- Mesajlar
- 40
- Tepki
- 35
İlk öncelikle jquery veya javascripti tam bilmiyorsanız şunu söylemek istiyorum misal şuraya veri yazdıracaksınız ;
bunu javascript üzerinde seçerken .anlik_veri olarak seçiyorsunuz yani ;
Fakat id üzerine yapıyorsanız şu şekilde örnek vereyim ;
bunu javascript üzerinde seçerken #anlik_veri olarak seçiyorsunuz yani ;
document.getElementBy üzerinde nasıl yaparsınız onuda göstereyim ;
Şimdi ise veri.php üzerinde anlık veri çekip anlik_veri class'ına o veriyi yazdırıcaz ;
Yukarıdaki kod ile veri.php'yi yükleyip setinterval yani aralık vererek 100 salise içerisinde bir tekrardan veri.phpyi çekip anlik_veri class'ına yazdırdım
Şimdi tam örnek vereyim (bitmiş hali) ;
Bu kodu çalıştırırsanız ve sitenizde veya localhosta dizine veri.php koyup içine bir şeyler yazarsanız misal 123 yazdınız kaydettiniz sayfayı yenilemeden 123 yazacak fakat değiştirdiniz v4r1able yazdınız yine otomatik sayfayı yenilemeden v4r1able yazar.
Nerede kullanabilirim diye soruyorsanız örneğin bir döviz siteniz veya borsa siteniz var ve dolar değerlerini vs. giriyorsunuz degerler.php oluşturup bir siteden çekiyorsanız o site ne zaman güncellerse güncellesin sitenizi ziyaret eden kişide otomatik güncellenmiş olacaktır.
Fakat şöyle bir şey daha ekliyeyim eğer veri.php yerine dışardan bir uzantı yazarsanız çalışmaz sadece local yani yerel bağlantılar üzerinde işlem yapıyor
Anladıysanız ne mutlu bana saygılarımla v4r1able
Kod:
<div class="anlik_veri"></div>
bunu javascript üzerinde seçerken .anlik_veri olarak seçiyorsunuz yani ;
Kod:
$(".anlik_veri").html("v4r1able");
Fakat id üzerine yapıyorsanız şu şekilde örnek vereyim ;
Kod:
<div id="anlik_veri"></div>
bunu javascript üzerinde seçerken #anlik_veri olarak seçiyorsunuz yani ;
Kod:
$("#anlik_veri").html("v4r1able");
document.getElementBy üzerinde nasıl yaparsınız onuda göstereyim ;
Kod:
id üzerine ise
document.getElementById("anlik_veri").innerHTML = 'v4r1able';
class üzerine ise
document.getElementByClassName("anlik_veri").innerHTML = 'v4r1able';
Şimdi ise veri.php üzerinde anlık veri çekip anlik_veri class'ına o veriyi yazdırıcaz ;
Kod:
$(document).ready(function() {
$(".anlik_veri").load("veri.php");
});
setInterval(function() {$(".anlik_veri").load("veri.php");}, 100);
Yukarıdaki kod ile veri.php'yi yükleyip setinterval yani aralık vererek 100 salise içerisinde bir tekrardan veri.phpyi çekip anlik_veri class'ına yazdırdım
Şimdi tam örnek vereyim (bitmiş hali) ;
Kod:
<div class="anlik_veri"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".anlik_veri").load("veri.php");
});
setInterval(function() {$(".anlik_veri").load("veri.php");}, 100);
</script>
Bu kodu çalıştırırsanız ve sitenizde veya localhosta dizine veri.php koyup içine bir şeyler yazarsanız misal 123 yazdınız kaydettiniz sayfayı yenilemeden 123 yazacak fakat değiştirdiniz v4r1able yazdınız yine otomatik sayfayı yenilemeden v4r1able yazar.
Nerede kullanabilirim diye soruyorsanız örneğin bir döviz siteniz veya borsa siteniz var ve dolar değerlerini vs. giriyorsunuz degerler.php oluşturup bir siteden çekiyorsanız o site ne zaman güncellerse güncellesin sitenizi ziyaret eden kişide otomatik güncellenmiş olacaktır.
Fakat şöyle bir şey daha ekliyeyim eğer veri.php yerine dışardan bir uzantı yazarsanız çalışmaz sadece local yani yerel bağlantılar üzerinde işlem yapıyor
Anladıysanız ne mutlu bana saygılarımla v4r1able