Ajax asenkron javascript ve XML kelimelerinin kısaltılmış halidir.Ortaya çıkış sebebi ise günümüzde web sitelerinin Windows uygulamalarındaki kolaylıkta olmuyordu ve en küçük bir işlemde bile tüm sayfayı yenileyerek gereksiz yere internet kullanımına sebep oluyordu bu hem kullanıcıyı rahatsız ediyordu (sayfanın yenilenmesinin beklenmesinden dolayı) hemde Türkiye gibi internetin çokta hızlı olmadığı ülkelerde internetin gereğinden fazla kullanılarak internetin dahada yavaşlamasına sebep oluyordu işte Ajax bu noktada internet aleminin imdadına koşarak hem Ajax kullananlara hemde dolaylı yöndende olsa kullanmayanlara zaman ve performans kazandırıyor.Ajax'ın kullanıldığı bir site önermem gerekirse bu hiç kuşkusuz Google Maps (maps.google.com) olurdu bu siteye girdiğinizde sayfa tamamen yenilenmez.
Ajax asenkron javascript ve XML kelimelerinin kısaltılmış halidir.
Ortaya çıkış sebebi ise günümüzde web sitelerinin Windows uygulamalarındaki kolaylıkta
olmuyordu ve en küçük bir işlemde bile tüm sayfayı yenileyerek gereksiz yere internet
kullanımına sebep oluyordu bu hem kullanıcıyı rahatsız ediyordu (sayfanın yenilenmesinin
beklenmesinden dolayı) hemde Türkiye gibi internetin çokta hızlı olmadığı ülkelerde
internetin gereğinden fazla kullanılarak internetin dahada yavaşlamasına sebep oluyordu
işte Ajax bu noktada internet aleminin imdadına koşarak hem Ajax kullananlara hemde
dolaylı yöndende olsa kullanmayanlara zaman ve performans kazandırıyor.Ajax'ın kullanıldığı
bir site önermem gerekirse bu hiç kuşkusuz Google Maps (maps.google.com) olurdu bu
siteye girdiğinizde sayfa tamamen yenilenmez.
Tüm bunların özeti olarak şunları diyebiliriz Ajax'ın ana görevi tüm web sitesini oluşturan
HTML,CSS,resimler gibi içeriklerin tekrar yüklenmesini engellemek.Ajax web sayfanızdan
sunucuya gönderilmesi gereken veriyi sayfadan javascript ile alarak sadece söz konusu
veriyi gönderiyor.Daha sonra Ajax sunucudan gelen veriyi aldıktan sonra yine javascript ile
sayfa üzerinde gerekli değişiklikleri yapıyor.
Ajax hakkında kısa bir bilgiden sonra şimdi ajax ile ilgili küçük bir uygulama yapalım .
<html>
<head>
<title>yazilim-arsivi.net</title>
<style type="text/css">
.kirmizi
{
color:red;
}
.siyah
{
color:black;
}
</style>
</head>
<body>
<form id="Form1">
<div id="katman">
www.yazilim-arsivi.net<br />
www.halitozdemir.com
</div>
<input onclick="document.getElementById('katman').className='siyah';" id="Button1"
type="button" value="Siyah" />
<input onclick="document.getElementById('katman').className='kirmizi';" id="Button2"
type="button" value="Kırmızı" />
</form>
</body>
</html>
html kodlarını çalıştırdığımızda karşımıza
www.yazilim-arsivi.net
www.halitozdemir.com
yazıları çıkacak kırmızı butonuna tıkladığımızda yazıların rengi kırmızı olacak ancak dikkat etmenizi
istediğim en önemli nokta bu işlem yapılırken sayfa yenilemesi olmayacak.Böylelikle ilk ajax
dersimizi sonlandırıyoruz dilerim faydalı olmuştur.
Tüm bunların özeti olarak şunları diyebiliriz Ajax'ın ana görevi tüm web sitesini oluşturan HTML,CSS,resimler gibi içeriklerin tekrar yüklenmesini engellemek.Ajax web sayfanızdan sunucuya gönderilmesi gereken veriyi sayfadan javascript ile alarak sadece söz konusu veriyi gönderiyor.Daha sonra Ajax sunucudan gelen veriyi aldıktan sonra yine javascript ile sayfa üzerinde gerekli değişiklikleri yapıyor.
Ajax hakkında kısa bir bilgiden sonra şimdi ajax ile ilgili küçük bir uygulama yapalım .
<html>
<head>
<title>yazilim-arsivi.net</title>
<style type="text/css">
.kirmizi
{
color:red;
}
.siyah
{
color:black;
}
</style>
</head>
<body>
<form id="Form1">
<div id="katman">
www.yazilim-arsivi.net<br />
www.halitozdemir.com
</div>
<input onclick="document.getElementById('katman').className='siyah';" id="Button1" type="button" value="Siyah" />
<input onclick="document.getElementById('katman').className='kirmizi';" id="Button2" type="button" value="Kırmızı" />
</form>
</body>
</html>
html kodlarını çalıştırdığımızda karşımıza
www.yazilim-arsivi.net
www.halitozdemir.com
yazıları çıkacak kırmızı butonuna tıkladığımızda yazıların rengi kırmızı olacak ancak dikkat etmenizi istediğim en önemli nokta bu işlem yapılırken sayfa yenilemesi olmayacak.Böylelikle ilk ajax dersimizi sonlandırıyoruz dilerim faydalı olmuştur.
Favori olarak işaretleyin
Favorilerinize ekleyin
Okuma: 378
Yorumlar (0)
Yorum yaz
