ݺߣ

ݺߣShare a Scribd company logo

sunu (Ajax-2)

•Download as PPTX, PDF•
•
Merve Aydın
Merve Aydın
1 of 9
Download to read offline
sunu (Ajax-2)
 AJAX ÖRNEKLERİ  KAYNAK KOD AÇIKLAMALARI  JAVA SCRIPTLER  SERVLETLER İŞLENECEK KONULAR
AJAX ÖRNEKLERİ  Google Maps  Gmail  Google Pages  Mint  Google Suggest  ZK Demo
KAYNAK KOD AÇIKLAMALARI XMLHttpRequest nesnesinin oluşturulması  Sayfa yenilenmeksizin sunucuya bağlanıp senkron ya da asenkron iletişime izin veren tam olarak Ajax’ın iskeletini oluşturan nesnedir. İki türlü oluşturulabilir. 1- xmlRequest=new XMLHttpRequest. Bu nesne internet Explorer 7 ve üzeri, firefox, chrome, safari ve opera gibi tarayıcılar tarafından desteklenmektedir. 2- xmlRequest=new ActiveXObject("Microsoft.XMLHTTP"). Bu ise Internet Explorer’ın eski sürümleri için kullanılmaktadır. Performans söz konusu olduğunda Microsoft.XMLHTTP2 de kullanılabilir.
ÖRNEK var xmlRequest=false; function init(){ if (window.XMLHttpRequest){ xmlRequest=new XMLHttpRequest(); } else if(window.ActiveXObject){ xmlRequest=new ActiveXObject("Microsoft.XMLHTTP"); } }
KAYNAK KOD AÇIKLAMALARI Ajax’ın işleyişinin örnek metotla gösterimi  Başlangıçta init fonksiyonu çağrılarak tarayıcı versiyonuna göre uygun XMLHttpRequest kullanımı için oluşturulmuştur. Asenkron iletişimde bulunacak sayfa url değişkenine alınmıştır. Bu sayfa Edit olunacak kitabin bilgilerini veri tabanından çekip kullanıcının değişiklik yapabileceği bir forma aktarmaktadır.
KAYNAK KOD AÇIKLAMALARI  var URL="EditOperator?bookID="+bookID; //adres oluşturuldu  xmlRequest.onreadystatechange=editAjaxResponse; // burada asenkron iletişimde servletde cevap dönünce karşılayacak metot belirlenir.  xmlRequest.open("GET",URL,true); //servlete gönderilir  xmlRequest.send(null);  xmlRequest.readyState==4)&&(xmlRequest.status==200 //sayfadan cevap geldi hiçbir sorun yok anlamına gelir.
JAVA SCRIPTLER function editAjax(bookID){ init(); showPage(); var URL="EditOperator?bookID="+bookID; xmlRequest.onreadystatechange=editAjaxResponse; xmlRequest.open("GET",URL,true); xmlRequest.send(null); }
SERVLETLER package shop; import java.io.IOException; import java.util.Collection; import javax.faces.context.FacesContext; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;

More Related Content

sunu (Ajax-2)

  • 2.  AJAX ÖRNEKLERİ  KAYNAK KOD AÇIKLAMALARI  JAVA SCRIPTLER  SERVLETLER İŞLENECEK KONULAR
  • 3. AJAX ÖRNEKLERİ  Google Maps  Gmail  Google Pages  Mint  Google Suggest  ZK Demo
  • 4. KAYNAK KOD AÇIKLAMALARI XMLHttpRequest nesnesinin oluşturulması  Sayfa yenilenmeksizin sunucuya bağlanıp senkron ya da asenkron iletişime izin veren tam olarak Ajax’ın iskeletini oluşturan nesnedir. İki türlü oluşturulabilir. 1- xmlRequest=new XMLHttpRequest. Bu nesne internet Explorer 7 ve üzeri, firefox, chrome, safari ve opera gibi tarayıcılar tarafından desteklenmektedir. 2- xmlRequest=new ActiveXObject("Microsoft.XMLHTTP"). Bu ise Internet Explorer’ın eski sürümleri için kullanılmaktadır. Performans söz konusu olduğunda Microsoft.XMLHTTP2 de kullanılabilir.
  • 5. ÖRNEK var xmlRequest=false; function init(){ if (window.XMLHttpRequest){ xmlRequest=new XMLHttpRequest(); } else if(window.ActiveXObject){ xmlRequest=new ActiveXObject("Microsoft.XMLHTTP"); } }
  • 6. KAYNAK KOD AÇIKLAMALARI Ajax’ın işleyişinin örnek metotla gösterimi  Başlangıçta init fonksiyonu çağrılarak tarayıcı versiyonuna göre uygun XMLHttpRequest kullanımı için oluşturulmuştur. Asenkron iletişimde bulunacak sayfa url değişkenine alınmıştır. Bu sayfa Edit olunacak kitabin bilgilerini veri tabanından çekip kullanıcının değişiklik yapabileceği bir forma aktarmaktadır.
  • 7. KAYNAK KOD AÇIKLAMALARI  var URL="EditOperator?bookID="+bookID; //adres oluşturuldu  xmlRequest.onreadystatechange=editAjaxResponse; // burada asenkron iletişimde servletde cevap dönünce karşılayacak metot belirlenir.  xmlRequest.open("GET",URL,true); //servlete gönderilir  xmlRequest.send(null);  xmlRequest.readyState==4)&&(xmlRequest.status==200 //sayfadan cevap geldi hiçbir sorun yok anlamına gelir.
  • 8. JAVA SCRIPTLER function editAjax(bookID){ init(); showPage(); var URL="EditOperator?bookID="+bookID; xmlRequest.onreadystatechange=editAjaxResponse; xmlRequest.open("GET",URL,true); xmlRequest.send(null); }
  • 9. SERVLETLER package shop; import java.io.IOException; import java.util.Collection; import javax.faces.context.FacesContext; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse;