AJAX – Sunucuya istek göndermekSunucuya bir istek göndermek için open() ve send() işlevlerini kullanırız.
open() işlevi üç parametre alır. İlk parametre istekte bulunurken hangi yöntemin kullanılacağını belirtir (GET yada POST). İkinci parametre sunucudaki betiğin url adresini belirtir. Üçüncü parametre ise isteğin asenkron (eşzamansız) olarak ele alınacağını belirtir. send() işlevi isteği sunucuya gönderir. Eğer HTML ve (eğer sunucuda PHP dilini kullanıyorsak) PHP dosyalarının aynı dizinde olduğunu varsayarsak kod şöyle olacaktır:
Reklam
Reklamlar
javascript etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
javascript etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
8 Haziran 2010 Salı
AJAX – Sunucuya istek göndermek
Etiketler:
Ajax,
istek gönderme,
javascript,
PHP,
sunucu,
sunucuya istek gönderme
Gönderen
Yusuf Ali Bozkır
AJAX XMLHttpRequest
AJAX – XMLHttpRequest nesnesi hakkında
Sunucuya veri göndermeden önce, XMLHttpRequest nesnesinin üç önemli özelliğini açıklamamız gerekiyor.
onreadystatechange özelliğiSunucuya bir istek gönderilmesinden sonra, sunucudan dönen veriyi alabilecek bir işleve ihtiyacımız var.
onreadystatechange özelliği sunucunun yanıtını işleyecek olan fonksiyonu tutar. Aşağıdaki kod boş bir fonksiyon tanımlar ve aynı zamanda onreadystatechange özelliğini ayarlar:
Sunucuya veri göndermeden önce, XMLHttpRequest nesnesinin üç önemli özelliğini açıklamamız gerekiyor.
onreadystatechange özelliğiSunucuya bir istek gönderilmesinden sonra, sunucudan dönen veriyi alabilecek bir işleve ihtiyacımız var.
onreadystatechange özelliği sunucunun yanıtını işleyecek olan fonksiyonu tutar. Aşağıdaki kod boş bir fonksiyon tanımlar ve aynı zamanda onreadystatechange özelliğini ayarlar:
Etiketler:
Ajax,
HttpRequest,
java,
javascript,
xml,
xmlhttprequest
Gönderen
Yusuf Ali Bozkır
İlk AJAX uygulamanız
Ajax ‘ın nasıl çalıştığını anlamak için küçük bir ajax uygulaması oluşturacağız.
İlk önce, username ve time adında iki metin girişi bulunan standart bir HTML formu oluşturacağız. username alanı kullanıcı tarafından doldurulacak ve time alanı AJAX tarafından doldurulacak.
Oluşturduğumuz HTML dosyasının adı “testAjax.htm” olsun (bu formda gönder tuşunun olmadığına dikkat edin!):
İlk önce, username ve time adında iki metin girişi bulunan standart bir HTML formu oluşturacağız. username alanı kullanıcı tarafından doldurulacak ve time alanı AJAX tarafından doldurulacak.
Oluşturduğumuz HTML dosyasının adı “testAjax.htm” olsun (bu formda gönder tuşunun olmadığına dikkat edin!):
Etiketler:
ajax uygulama,
ilk,
javascript,
PHP,
uygulama
Gönderen
Yusuf Ali Bozkır
AJAX Http İstemleri
AJAX Http İstemleri kullanır
Geleneksel JavaScript kodlarında, eğer sunucudaki bir veritabanından yada dosyadan bilgi almak isterseniz, yada sunucuya kullanıcı girdisini göndermek isterseniz bir HTML formu oluşturup GET yada POST yöntemlerinden biriyle sunucuyla veri alışverişi yaparsınız. Kullanıcı veriyi göndermek/almak için formdaki “Gönder” vb. bir düğmeyi tıklar, sunucunun yanıtını bekler ve sonuçları yeni yüklenen sayfada görür.
Kullanıcının her veri girişinde sunucunun yeni bir sayfa oluşturmasını beklemesi nedeniyle geleneksel internet uygulamaları daha yavaş çalışabilir ve daha az kullanıcı dostu olabilir.
Geleneksel JavaScript kodlarında, eğer sunucudaki bir veritabanından yada dosyadan bilgi almak isterseniz, yada sunucuya kullanıcı girdisini göndermek isterseniz bir HTML formu oluşturup GET yada POST yöntemlerinden biriyle sunucuyla veri alışverişi yaparsınız. Kullanıcı veriyi göndermek/almak için formdaki “Gönder” vb. bir düğmeyi tıklar, sunucunun yanıtını bekler ve sonuçları yeni yüklenen sayfada görür.
Kullanıcının her veri girişinde sunucunun yeni bir sayfa oluşturmasını beklemesi nedeniyle geleneksel internet uygulamaları daha yavaş çalışabilir ve daha az kullanıcı dostu olabilir.
AJAX a giriş
AJAX “Asynchronous JavaScript And XML” ‘in kısaltılmışıdır.
Derse başlamadan önce bilmeniz gerekenlerDerse başlamadan önce aşağıdakiler hakkında temel olarak bilgi sahibi olmanız gerekir:
HTML / XHTML
JavaScript
AJAX = Asynchronous JavaScript and XML
AJAX yeni bir programlama dili değildir, daha iyi, daha hızlı ve daha etkileşimli web uygulamaları geliştirmek için bir tekniktir.
AJAX ile Javascript kodunuz, XMLHttpRequest nesnesini kullanarak sunucuyla doğrudan iletişim kurabilir. Bu nesne ile javascript kodlarınız sayfa yenilenmeden bir sunucuyla veri alışverişi yapabilir.
Derse başlamadan önce bilmeniz gerekenlerDerse başlamadan önce aşağıdakiler hakkında temel olarak bilgi sahibi olmanız gerekir:
HTML / XHTML
JavaScript
AJAX = Asynchronous JavaScript and XML
AJAX yeni bir programlama dili değildir, daha iyi, daha hızlı ve daha etkileşimli web uygulamaları geliştirmek için bir tekniktir.
AJAX ile Javascript kodunuz, XMLHttpRequest nesnesini kullanarak sunucuyla doğrudan iletişim kurabilir. Bu nesne ile javascript kodlarınız sayfa yenilenmeden bir sunucuyla veri alışverişi yapabilir.
Konami Kodu İle Ziyaretçilerinizi Şaşırtın
Konami Kodu
Konami Kodu : YUKARI – YUKARI – AŞAĞI – AŞAĞI – SOL – SAĞ – SOL – SAĞ – B – A (Bazı sitelerde en sonda ENTER tuşuna basmak gerekiyor.)Diğer Konami Kodu içeren sitelere bu adresten ulaşabilir (Siteye girmek için ne yapmanız gerekiyor bilin bakalım
Konami Kodu
Kaydol:
Kayıtlar (Atom)