Error pada ajax

jadi gini gan, ini ajax knp ga bisa yaa? apa yang salah saya lakukan untuk menggunakan ajax. mohon dibantu gan

ini gambar kesalahan errornya

dan ini kode pada ajax

$(function () {

    $('.tombolTambahData').on('click', function () {
        $('#judulModal').html('Tambah Data Mahasiswa');
        $('.modal-footer button[type=submit]').html('Tambah Data');
    });

    $('.tampilModalUbah').on('click', function () {

        $('#judulModal').html('Ubah Data Mahasiswa');
        $('.modal-footer button[type=submit]').html('Ubah Data');

        const id = $(this).data('id');

        $.ajax({
            url: 'http://localhost/phpmvc/public/mahasiswa/getUbah',
            data: {
                id: id
            },
            method: 'post',
            success: function (data) {
                console.log(data);
            }
        });
    });

});

avatar Sunset
@Sunset

18 Kontribusi 5 Poin

Diperbarui 4 tahun yang lalu

Tanggapan

coba make document ready

2 Jawaban:

Jawaban Terpilih

pastikan jquery yang kamu load sudah termasuk fungsi ajax, cek lagi jquery yang kamu masukkan

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 4 tahun yang lalu

coba tampilin html kamu (yang ada kode js itu didalam nya), bisa jadi urutan load salah

<pre> &lt;script src="https://code.jquery.com/jquery-3.4.1.min.js"&gt;&lt;/script&gt; &lt;script&gt; $(function () {

    $(&#039;.tombolTambahData&#039;).on(&#039;click&#039;, function () {
        $(&#039;#judulModal&#039;).html(&#039;Tambah Data Mahasiswa&#039;);
        $(&#039;.modal-footer button[type=submit]&#039;).html(&#039;Tambah Data&#039;);
    });

    $(&#039;.tampilModalUbah&#039;).on(&#039;click&#039;, function () {

        $(&#039;#judulModal&#039;).html(&#039;Ubah Data Mahasiswa&#039;);
        $(&#039;.modal-footer button[type=submit]&#039;).html(&#039;Ubah Data&#039;);

        const id = $(this).data(&#039;id&#039;);

        $.ajax({
            url: &#039;http://localhost/phpmvc/public/mahasiswa/getUbah&#039;,
            data: {
                id: id
            },
            method: &#039;post&#039;,
            success: function (data) {
                console.log(data);
            }
        });
    });

});

&lt;/script&gt; </pre>

avatar codenoid
@codenoid

14 Kontribusi 13 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban