Merhaba arkadaşlar javascript yeni başladım fakat düşündüğüm şeyi bir türlü yapamadım. Düşündüğüm şeyi tam olarak anlatmam gerekirsem:

<div data-ajax data-link="aksiyon.php" data-id="icerik">Aksiyon</div>

[data-ajax] attributes'ine sahip linklere click olunca tıklanan linkteli data-link içindeki linkten veri çekecek ve data-id'de belirtiğim #icerik id'si içine aktaracak.

Bunu için aşağıdaki fonksiyonu yazdım fonksiyonda sorun yok fakat [data-ajax] seçimini yapamıyorum sorun tam olarak burda.

document.querySelectorAll("[data-ajax]")[0].addEventListener("click",function () {
ajax(this.dataset.link,this.dateset.id);
});

Yukardaki kod ile aşağıdaki fonksiyona gönderiyorum böyle çalışıyor fakat sadece ilk [data-ajax] tagında işlem görüyor [0] olduğu için diğer türlü ise hiç bir şekilde tüm data-ajaxlara erişemiyorum

Benim yapmak istediğim ilk [data-ajax] değil sayfada bulunan herhangi bir data-ajax'a geldiğimde içine yazdığım data-link ve data-id bilgisine kendisi erişsin umarım anlatabilmişimdir.

function ajax(link,id) {    var veriCek=new XMLHttpRequest();
    veriCek.open('GET',link,'true');
    veriCek.send();
   veriCek.onreadystatechange=function () {
       if(this.readyState==4 && this.status==200) {
            document.getElementById(id).innerHTML=this.responseText;
        }        else {    
        document.getElementById(id).innerHTML=this.statusText;  
      }    }}