Javascript Data Attribute ve Ajax işlemi YARDIM

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;  
      }    }}

$(document).on("click", "[data-ajax]", function (event) {
        ajax(this.dataset.link,this.dateset.id);
});

dener misin hocam?

Merhaba hocam çözdüm,
For içinde aldığım zaman sorunsuz çalışıyor.
Bu arada sizin yaptığınızda jquery kütüphanesini kullanmak gerekiyor sanırım yeni başlangıç yaptığım için temelden giriş yapmak istedim yardımınız için çok teşekkür ederim.