Dün yüklediğim Ajax ın biraz daha gelişmişini bitirdim az önce, yeni hali ile onuda sizin beğeninize sunuyorum..(:
http://www.cenkcaglar.com/AjaxTest/User.aspx
Burada yapılan iş, kullanıcı adı ve şifre bilgilerini alıp, bu kullanıcıya bir guid atayarak ve kaydolduğu tarihide hesaba katarak Sunucuda bulunan XML dosyamıza kaydetmek... Aynı zamanda bilgileri güncelleyip, silmesinide sağlamak.
Böylece bu Ajax örneğinde kullanabileceğiniz bütün yapıları görüyorsunuz...
Ajax la ilgili izlenimlerim ise; Ajax gerçekten kolay bir yapı, zorluk namına hiç birşeyi yok. Ancak zor olan JavaScript, ben çok uzun zamanlar JavaScriptle uğraşmış birisi olarak bu kadar sıkıntı çekeceğimi düşünmezdim JavaScript te...
Özellikle sunucudan gelen XML dosyaları ile ilgili işlemler yapmak oldukça vakit aldı, şu aşağıdaki koda bir göz atın,
var root = response.responseXML.documentElement;var userNameElement = root.getElementsByTagName("user");var ItemAll = document.createElement("div");for(var i=0; i < userNameElement.length; i++){ var ItemDiv = document.createElement("div"); ItemDiv.setAttribute("id","ItemDiv"); var ItemCb = document.createElement("input"); ItemCb.setAttribute("type","checkbox"); ItemCb.setAttribute("name","SelItem"); ItemCb.setAttribute("value",root.getElementsByTagName("UserId")[i].firstChild.data); ItemDiv.appendChild(ItemCb); var ItemList = document.createElement("span"); ItemList.appendChild(document.createTextNode(root.getElementsByTagName("UserName")[i].firstChild.data + " | " + root.getElementsByTagName("UserPass")[i].firstChild.data + " | " + root.getElementsByTagName("UserAddedTime")[i].firstChild.data + " | " )); var LinkItemDel = document.createElement("a"); LinkItemDel.setAttribute("href","#"); LinkItemDel.appendChild(document.createTextNode("Sil")); LinkItemDel.onclick = Function("ItemDelete('" + root.getElementsByTagName("UserId")[i].firstChild.data + "','" + root.getElementsByTagName("UserName")[i].firstChild.data + "');"); ItemList.onclick = Function("ItemChange('" + root.getElementsByTagName("UserId")[i].firstChild.data + "','" + root.getElementsByTagName("UserName")[i].firstChild.data + "','" + root.getElementsByTagName("UserPass")[i].firstChild.data + "');"); ItemDiv.appendChild(ItemList); ItemDiv.appendChild(LinkItemDel); ItemAll.appendChild(ItemDiv);}document.getElementById("UserList").appendChild(ItemAll);
Ne yapılıyor burada değilmi ? Burada yapılan aşağıda listelenen bilgilerin Div lerin içine mantıklı bir şekilde yerleştirilmesi, sonra yerleştirilen bu Div lerin OnClick olayında bazı işlemler yapılması için başka bir fonksiyonun çağırılması...
Artı bu örnekte biraz daha güzel bir yükleniyor ekranı denedim...(:
Kodu indirebilir, sorunuz varsa soldaki mailden, sorularınızı sorabilirsiniz...
Not : Ajax Yeter bu kadar, şimdi sırada Atlas var... bakalım o nasıl bişi (: Beni izlemeye devam edin..(:
Remember Me
© Copyright 2006, Levent Cenk ÇAĞLAR