- Ana Sayfa
- >
- Javascript
- >
- Jquery Kullanarak Sunucuya Get Veya...
Eskiden javascript ile bir sürü kod yazıp dururduk ama sonradan aynı css teknolojisinin ve yeniliklerinin bizi tablolardan kurtarışı gibi bizi sevindiren diğer bir haber ise javascript için yazılan jquery adlı kütüphaneydi
haliyle diğer benzerleri gibi oda kesinlikle şapkadan tavşan çıkaracak kadar yetenekli bir sihirbaz değildi ve böyle bir iddaası’da yoktur zaten yani bizi tamamen kod yazmayı bir kelimeye indirmeye yetecek bir şey değildi ama buradaki asıl hedeflenen kısım ise basit fonksiyonların uzun bir şekilde karmaşık kodlara dönüşmeden çok az kod yazarak herşeyin yerli yerinde düzenli biçimlerde görünmesini sağlıyordu hatta kendi sloganı bile aynen şöyledir “Write Less Do More” Türkçe anlamı ise “Daha az yaz, Daha çok iş yap” olarak bilinmektedir.
Bir web site programlıyorken birden fazla javascript işlevi kullanmamız gerekebilir. Dolayısıyla bu kütüphane size vakitten tasarruf ettirecek oldukça popüler ve bir o kadar’da diğer büyük firmalar örn:(Microsoft, Google) tarafından sık kullanılan kendini sürekli olarak güncel tutan ve gönüllü insanlar tarafından geliştirilen açık kaynaklı projelerden bir tanesidir,
O Zaman Gelin Bugün Aşağıda bu kütüphanenin yardımıyla get veya post kullanarak nasıl veri alışverişi yapabiliriz bunu görelim…
1. Örnek Get İle Veri Alışverişi
<!DOCTYPE html>
<html>
<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/istediğiniz sürüm/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“h2”).click(function(){
$.get(“verial.php?getdegiskeni=veri”, function(data, status){
alert(“Alınan Veri: ” + data);
});
});
});
</script>
</head>
<body>
<h2 style=”background-color:orange; width:200px; text-align:center;”>VERİYİ YOLLA</h2>
</body>
</html>
2.Örnek Post İle Veri Alışverişi
<!DOCTYPE html>
<html>
<head>
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/istediğiniz sürüm/jquery.min.js”></script>
<script>
$(document).ready(function(){
$(“button”).click(function(){ //yukarıda dikkat etmişseniz eğer get ile veri yollarken h2 etiketi kullanmıştık şimdi de buton ile yollayalım siz isterseniz herhangi bir elemente bu tıklama olayını atayabilirsiniz.
$.post(“verial.php”,
{
isim: “manisa 45 web ve grafik tasarım”,
sehir: “Manisa/Şehzadeler”
},
function(data,status){
alert(“Alınan Veri: ” + data);
});
});
});
</script>
</head>
<body>
<button>VERİYİ YOLLA</button>
</body>
</html>
Gördüğünüz Gibi Çok Az Kod İle Neler Yapabiliyoruz Sağlıcakla Kalın…