IUCODERS

Konuyu görüntüle

IUCODERS FORUM > Programlama > Diğer (COBOL,asp php js..) > AJAX nedir + ebook

Yazar

halil

Kayıt: 01.01.2006

01.05.2006-23:06 #6200

orhan yazdi

olm biriniz gidin artık şu abd ye kalacak yer yok

abi bütün park bahçeler senin , Özgürlükler Ülkesi

karışan olursa haber et gelirim

....

Yazar

orhan

istanbul
admin
Kayıt: 17.11.2005

01.05.2006-23:10 #6201

siz bi gidin olm parkta yatamam ben sizde kalırım bir iki güncük

N/A

Yazar

miracc

Houston, TX
Kayıt: 07.01.2006

01.05.2006-23:15 #6202

orhan yazdi

siz bi gidin olm parkta yatamam ben sizde kalırım bir iki güncük

Misafir ederiz abi hele bi gidelim de hayirlisiyla.

blog.miracc.com

Yazar

vollkahn

Kayıt: 12.01.2006

01.05.2006-23:25 #6205

peki bu asp.net-atlas olayi nedir..ajaxin gelismis kutuphanesimi...

Yazar

orhan

istanbul
admin
Kayıt: 17.11.2005

01.05.2006-23:27 #6207

ajax için js bilmek şart malumunuz. atlas sajax dwr bunlar js bilmeden de bu işi yapabilmenizi sağlıyor. bir nevi js library si diyebiliriz.

N/A

Yazar

vollkahn

Kayıt: 12.01.2006

01.05.2006-23:31 #6208

orhan yazdi

ajax için js bilmek şart malumunuz. atlas sajax dwr bunlar js bilmeden de bu işi yapabilmenizi sağlıyor. bir nevi js library si diyebiliriz.

tenk you

Yazar

orhan

istanbul
admin
Kayıt: 17.11.2005

01.05.2006-23:35 #6209

rica ederim. bu arada anasayfada da var ufak mini minnacık bir xmlrequest nesnesi

N/A

Yazar

miracc

Houston, TX
Kayıt: 07.01.2006

01.05.2006-23:38 #6210

Abi suraya kucuk bi ornek uzerinde anlatabilir misiniz?

Ebook'tan bakiyorum ama DOM JavaScript Xml hersey birbirine girdi valla.

Bi hello world uygulamasi buldum 50-60 satir js yazmislar.

blog.miracc.com

Yazar

orhan

istanbul
admin
Kayıt: 17.11.2005

01.05.2006-23:49 #6211

http://www.iucoders.com/includes/ajax.js burdan sourca bakabilirsin
şimdi temel olarak şu adımları yapıyoruz.
öncelikle bi xmlhttprequest nesnesi oluşturuyoruz.
burda dikkat etmeniz gereken browser "XMLHttpRequest" nesnesini tum browserlar tanır IE hariç.
IE için "Msxml2.XMLHTTP.4.0" bu tip nesneleri kullanman lazım ama bunlarında envai çeşiti var.

http_request.onreadystatechange = alertContents;
http_request.open('GET', url, true);
http_request.send(null);

sonra nesnen için bir listener oluşturup get yada duruma göre POST kullanıyorsun.
bu işlemi yaptık tan sonra sunucu sana bir xml nesnesi döndürüyor. Bu bir xml dökümanıda olabilir bir text dosyası da.
dönen olay xml ise responseXML text ise responseText kullanman lazım. burdan sonrası artık js ile veriye takla attırmak.
js ile xml parse etmek için js den az biraz anlamak lazım.

http://developer.mozilla.org/en/docs/AJAX

N/A

Yazar

orhan

istanbul
admin
Kayıt: 17.11.2005

01.05.2006-23:55 #6213

yarın küçük bir döküman eklemeye çalışırım.

N/A

Yazar

miracc

Houston, TX
Kayıt: 07.01.2006

03.05.2006-21:23 #6332

Sonunda ilk ajax uygulamami yapmis bulunuyorum

Fazla bise beklemeyin simdilik sadece bir form uzerinden kullanicidan bilgi aliyorum :)

blog.miracc.com/ajax1.php adresinden bakabilirsiniz.

Yaptigi sey kullanicidan alinan bilgileri benim mail adresine gonderiyor. ama sayfa yenilenmeden asenkron olarak yaptigini gostermesi ve ilk ajax uyg. olmasi acisindan onem arzeden bir uygulama

Kodlari da soyle.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script>
var httpRequest;

function checkboxes()
{
var vname = document.getElementById("name").value;
var vemail = document.getElementById("email").value;

if(vname != "" && vemail != "")
{
if (window.ActiveXObject)
{
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
httpRequest = new XMLHttpRequest();
}
httpRequest.open("GET", "maillist.php", true);
httpRequest.onreadystatechange= function () {processRequest(); } ;
httpRequest.send(null);
}

else if (vname == "") {
var result = document.getElementById("result");
result.innerHTML = "Please fill in name field.";
}

else if (vemail == "") {
var result = document.getElementById("result");
result.innerHTML = "Please fill in email field.";
}

else {
var result = document.getElementById("result");
result.innerHTML = " ";

}
}

function processRequest()
{
if (httpRequest.readyState == 4)
{
if(httpRequest.status == 200)
{
var loader = document.getElementById("loader");
loader.innerHTML = httpRequest.responseText;
}
else
{
alert("Error loading page
"+ httpRequest.status +":"+ httpRequest.statusText);
var loader = document.getElementById("loader");
loader.innerHTML = "Error: can not get the content ("+ httpRequest.statusText +")";
}
}
else
{
var loader = document.getElementById("loader");
loader.innerHTML = "<b style='color:red;'>Loading....<b>";
var result = document.getElementById("result");
result.innerHTML = " ";
}
}
</script>

</head>

<body>
<div style="float:left; position:relative; ">

<input type="text" name="name" id="name" onfocus="if (this.value == this.defaultValue) this.value = ''">
<input type="text" name="email" id="email" onfocus="if (this.value == this.defaultValue) this.value = ''">
<button name="send" id="send" onClick="checkboxes();">Click to join our maillist.</button>

</div>

<div id="loader"></div>
<div id="result"></div>

</body>
</html>

blog.miracc.com

Yazar

orhan

istanbul
admin
Kayıt: 17.11.2005

03.05.2006-21:36 #6333

boyle bir resimde koy

şekil olsun.

http_request.status == 200

bunu bende kullandım yalnız bu eksik çünkü http 304 de OK manasında gelmesede sayfayı döndürür.
karakter encoding için UTF-8 kullan IE bunun dışındaki encodinglerde (XMLiçin söylüyorum) türkçe karakterlerde çakılıyor. geçersiz xml belgesi diyor. Birde xml request yaptığın sayfayı cache de tutma.

N/A

Yazar

miracc

Houston, TX
Kayıt: 07.01.2006

03.05.2006-22:02 #6335

orhan yazdi

boyle bir resimde koy

şekil olsun.

http_request.status == 200

Koydum abi resmi. sekil oldu

Bunda xml ile hic bi atraksiyona girmiyo.

Ya bole gelismis uyg. falan yapmak icin atlas di sajax di kullanmak lazim bole ugrasilmaz.

blog.miracc.com