Jquery get API simple

Kadang cuma butuh ambil data via ajax, lalu masukkan ke tags, kalo dulu malah tiap tags bikin fungsinya, tapi padahal bisa pake custom attributes. seperti ini, saya mau ambil jumlah paket yang ada.

Lalu saya bikin custom attribut aja

atributnya api-get-text isinya URL ke API tersebut

lalu script dibawah setelah jquery, mencari semua tag yang memiliki custom atribut tersebut

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script>
    //cari semua tags
    var listAtts = document.querySelectorAll(`[api-get-text]`);
    // satu persatu request ajax
    listAtts.forEach(function(el) {
        $.get(el.getAttribute('api-get-text'), function(data) {
            // masukkan hasilnya ke tag nya
            el.innerHTML = data;
        });
    });
</script>

jika validasinya pakai Cookies, pastikan jangan setCookies HTTP Only, karena akan berakibat cookies tidak dikirim via ajax

semoga bermanfaat

iBNuX
Just ordinary man

Tinggalkan Balasan

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.