Jquery get API simple

Written in

by

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

Tags

Categories

Tinggalkan Balasan

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

iBNuX

Full Stack Engineer