Meletakan code jquery-ajax ke file terpisah

code dibawah, berhasil running.

<!-- index.php -->
<body>
    <label>Name</label>
    <input type="text"
           id="name">
    <label>Email</label>
    <input type="text"
           id="email">
    <button type="submit"
            id="button">SAVE</button>
    <br/>
    <br/>
    <div id="result">this result</div>

<script src="assets/js/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $("#button").click(function(){
            var name=$("#name").val();
            var email=$("#email").val();
            $.ajax({
                url:'aksi.php',
                method:'POST',
                data:{
                    name:name,
                    email:email
                },
                success:function(data){ $('#result').html(data) }
            });
        });
    });
</script>

kalo untuk memisahkan code jquery.ajax nya ke file js, gmna ya kak ? saya sudah coba seperti code dibawah ini gak berhasil. thanks

<!-- index.php -->
<body>
    <label>Name</label>
    <input type="text"
           id="name">
    <label>Email</label>
    <input type="text"
           id="email">
    <button type="submit"
            id="button">SAVE</button>
    <br/>
    <br/>
    <div id="result">this result</div>

<script src="assets/js/jquery.min.js"></script>
<script> src="assets/js/ajax_insert.js"</script>

// ajax_insert.js
$(document).ready(function()
{
    $("#button").click(function(){
        var name=$("#name").val();
        var email=$("#email").val();
        $.ajax({
            url:'aksi.php',
            method:'POST',
            data:{
                name:name,
                email:email
            },
            success:function(data){ $('#result').html(data) }
        });
    });
});

jquery ajax javascript

@audhie

3 Kontribusi 0 Poin

Diperbarui 5 tahun yang lalu

1 Jawaban:

<pre> <script> src="assets/js/ajax_insert.js"</script> </pre> yg benar

<pre> <script src="assets/js/ajax_insert.js"></script> </pre> edit ">" di scriptnya

@driyan

193 Kontribusi 109 Poin

Dipost 5 tahun yang lalu

Tanggapan

bukan dihapus, tapi dipindah gan <script src="assets/js/ajax_insert.js"></script>

@dianarifr

oh iya thanks gan :v

@driyan

Kelas Premium! Belajar Javascript untuk website

Meletakan code jquery-ajax ke file terpisah

Kelas Premium!
Belajar Javascript untuk website