halaman tidak tereload sehingga tabel tidak terupdate

<pre><em>function</em> getDetailUser(<em>ubahid</em>) { $('#ubahidUser').val(ubahid); $.ajax({ url: 'user/ubah.php', type: 'post', data: { ubahid: ubahid }, success: <em>function</em>(<em>data</em>, <em>status</em>) { <em>var</em> userId = JSON.parse(data); $('#ubahidUser').val(userId.idUser); $('#ubahuserName').val(userId.userName); $('#ubahpassword').val(userId.password); $('select[name = ubahidUker]').val(userId.idUker); $('#ubahidUker').selectpicker('refresh'); $('#ubahlevelUser').val(userId.levelUser); }, }); $('#modalubahUser').modal('show'); };

    $(document).on('click', '#updateUser', <em>function</em>() {
        <em>var</em> idUser = $('#ubahidUser').val();
        <em>var</em> userName = $('#ubahuserName').val();
        <em>var</em> password = $('#ubahpassword').val();
        <em>var</em> idUker = $('#ubahidUker').val();
        <em>var</em> levelUser = $('#ubahlevelUser').val();
        $.ajax({
            url: 'user/update.php',
            type: 'post',
            data: {
                idUserUpdate: idUser,
                userNameUpdate: userName,
                passwordUpdate: password,
                idUkerUpdate: idUker,
                levelUserUpdate: levelUser
            },
            success: <em>function</em>(<em>data</em>, <em>status</em>) {
                location.reload();
            }
        });
        $('#modalubahUser').modal('hide');
    });</pre>

<div>mohon maaf kak @hanafi.pertanyaan dan kendala saya jika kurang jelas.saya takut pertanyaan saya terlalu panjang.tapi saya coba diuraikan lagi.smoga berkenan membantu.<br><br>saya punya page dengan tabel kurang lebih seperti ini:<br><br></div><pre>&lt;div class="card"&gt; &lt;div class="card-header"&gt; &lt;H6&gt;DATA USER&lt;/H6&gt; &lt;!-- Tombol Tambah User --&gt; &lt;button type="button" class="btn btn-success mt-2 btn-sm" data-bs-toggle="modal" data-bs-target="#modaltambahUser"&gt;&lt;i class="fa-solid fa-plus"&gt;&lt;/i&gt; Tambah &lt;/button&gt; &lt;a class="btn btn-info mt-2 btn-sm" type="button" href="user/cetak.php" target="_blank"&gt;Cetak Laporan &lt;/a&gt; &lt;a class="btn btn-danger mt-2 btn-sm" type="button" href="user/cetakexcel.php" target="_blank"&gt;Cetak Excel &lt;/a&gt; &lt;/div&gt; &lt;div class="card-body"&gt; &lt;table id="example" class="table table-responsive table-sm table-bordered table-striped"&gt; &lt;thead class="table-secondary"&gt; &lt;tr&gt; &lt;th class="text-center" width="5%"&gt;No&lt;/th&gt; &lt;th class="text-center" width="20%"&gt;Username&lt;/th&gt; &lt;th class="text-center" width="50%"&gt;Unit Kerja&lt;/th&gt; &lt;th class="text-center" width="20%"&gt;Aksi&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; &lt;?php $no = 1; $query = mysqli_query($koneksi, "SELECT * FROM user INNER JOIN uker ON user.idUker=uker.idUker ORDER BY idUser ASC"); while ($hasil = mysqli_fetch_array($query)) { echo '&lt;tr&gt; &lt;td class="text-center"&gt;' . $no++ . '&lt;/td&gt; &lt;td&gt;' . $hasil['userName'] . '&lt;/td&gt; &lt;td&gt;' . $hasil['namaUker'] . '&lt;/td&gt; &lt;td class="text-center"&gt; &lt;button id="btnubahUser" type="button" class="btn btn-warning btn-sm" onclick="getDetailUser(' . $hasil['idUser'] . ')"&gt;Ubah&lt;/button&gt; &lt;button type="button" class="btn btn-danger btn-sm" onclick="hapusUser(' . $hasil['idUser'] . ')"&gt;Hapus&lt;/button&gt; &lt;/td&gt; &lt;/tr&gt;'; } ?&gt; &lt;/tbody&gt;

        </table>
    </div>
</div></pre><div><br>lalu saya punya modal tambah data seperti ini:<br><br></div><pre><div class="modal fade" id="modaltambahUser" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modaltambahUserLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="user/tambah.php" method="post">
                <div class="modal-header bg-success text-white">
                    <h5 class="modal-title" id="modaltambahUserLabelHeader">Tambah User</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="idUser" class="form-label fw-bold" hidden>ID User</label>
                        <input type="text" class="form-control form-control-sm" id="idUser" name="idUser" aria-describedby="idUser" hidden>
                    </div>
                    <div class="mb-3">
                        <label for="userName" class="form-label fw-bold">Username</label>
                        <input type="text" class="form-control form-control-sm" id="userName" name="userName" aria-describedby="userName" required>
                    </div>
                    <div class="mb-3">
                        <label for="password" class="form-label fw-bold">Password</label>
                        <input type="password" class="form-control form-control-sm" id="password" name="password" aria-describedby="password" required autocomplete="off">
                    </div>
                    <div class="mb-3">
                        <label for="idUker" class="form-label fw-bold">Unit Kerja</label>
                        <select id="idUker" name="idUker" class="form-select form-select-sm" aria-label="Default select example">
                            <option disabled selected> --Pilih Unit Kerja-- </option>
                            <?php
                            $pilihUker = mysqli_query($koneksi, "SELECT * FROM uker ORDER BY idUker ASC");
                            while ($row = mysqli_fetch_array($pilihUker)) {
                            ?>
                                <option value="<?php echo $row['idUker'] ?>"><?php echo $row['namaUker'] ?></option>
                            <?php
                            };
                            ?>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="levelUser" class="form-label fw-bold">Level User</label>
                        <select id="levelUser" name="levelUser" class="form-select form-select-sm" aria-label="Default select example">
                            <option disabled selected> --Pilih Level User-- </option>
                            <option value="1">Level 1</option>
                            <option value="99">Level 99</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" type="button" class="btn btn-primary btn-success btn-sm" id="simpanUser" name="simpanUser">Simpan</button>
                    <button type="reset" class="btn btn-warning btn-sm">Batal</button>
                    <button type="button" class="btn btn-secondary btn-danger btn-sm" data-bs-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div></pre><div><br>dan modal ubah data seperti ini:<br><br></div><pre><div class="modal fade" id="modalubahUser" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="modalubahUserLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <form action="" method="post">
                <div class="modal-header bg-warning">
                    <h5 class="modal-title" id="modalubahUserLabelHeader">Ubah User</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="ubahidUser" class="form-label fw-bold" hidden>ID User</label>
                        <input type="text" class="form-control form-control-sm" id="ubahidUser" name="ubahidUser" aria-describedby="ubahidUser" hidden>
                    </div>
                    <div class="mb-3">
                        <label for="ubahuserName" class="form-label fw-bold">Username</label>
                        <input type="text" class="form-control form-control-sm" id="ubahuserName" name="ubahuserName" aria-describedby="ubahuserName" required>
                    </div>
                    <div class="mb-3">
                        <label for="ubahpassword" class="form-label fw-bold">Password</label>
                        <input type="ubahpassword" class="form-control form-control-sm" id="ubahpassword" name="ubahpassword" aria-describedby="ubahpassword" required autocomplete="off">
                    </div>
                    <div class="mb-3">
                        <label for="ubahidUker" class="form-label fw-bold">ubahidUker</label>
                        <select id="ubahidUker" name="ubahidUker" class="form-select form-select-sm" aria-label="Default select example">
                            <?php
                            $pilihUker = mysqli_query($koneksi, "SELECT * FROM uker ORDER BY idUker ASC");
                            while ($row = mysqli_fetch_array($pilihUker)) {
                            ?>
                                <option value="<?php echo $row['idUker'] ?>"><?php echo $row['namaUker'] ?></option>
                            <?php
                            };
                            ?>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="ubahlevelUser" class="form-label fw-bold">Level User</label>
                        <select id="ubahlevelUser" name="ubahlevelUser" class="form-select form-select-sm" aria-label="Default select example">
                            <option value="1">Level 1</option>
                            <option value="99">Level 99</option>
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="submit" type="button" class="btn btn-primary btn-success btn-sm" id="updateUser" name="updateUser">Simpan</button>
                    <button type="button" class="btn btn-secondary btn-danger btn-sm" data-bs-dismiss="modal">Close</button>
                </div>
            </form>
        </div>
    </div>
</div></pre><div><br>fungsi yang saya pakai untuk menyimpan data kurang lbih seperti ini:<br><br></div><pre><script>
    <em>function</em> hapusUser(<em>hapusid</em>) {
        Swal.fire({
            title: 'Yakin?',
            text: "Anda Akan Menghapus Data Ini!",
            icon: 'question',
            showCancelButton: true,
            confirmButtonColor: '#3085d6',
            cancelButtonColor: '#d33',
            confirmButtonText: 'Ya, Hapus!'
        }).then((<em>result</em>) <em>=></em> {
            if (result.isConfirmed) {
                $.ajax({
                    url: 'user/hapus.php',
                    type: 'post',
                    data: {
                        idUserHapus: hapusid
                    },
                    success: <em>function</em>(<em>data</em>, <em>status</em>) {
                        Swal.fire(
                            'Terhapus!',
                            'Data Sudah Dihapus',
                            'success'
                        ).then(<em>function</em>() {
                            location.reload()
                        });
                    }
                });
            }
        })

    }

    <em>function</em> getDetailUser(<em>ubahid</em>) {
        $('#ubahidUser').val(ubahid);
        $.ajax({
            url: 'user/ubah.php',
            type: 'post',
            data: {
                ubahid: ubahid
            },
            success: <em>function</em>(<em>data</em>, <em>status</em>) {
                <em>var</em> userId = JSON.parse(data);
                $('#ubahuserName').val(userId.userName);
                $('#ubahpassword').val(userId.password);
                $('#ubahidUker').val(userId.idUker);
                $('#ubahlevelUser').val(userId.levelUser);
            },
        });
        $('#modalubahUser').modal('show');
    }

    $(document).on('click', '#updateUser', <em>function</em>() {
        <em>var</em> idUser = $('#ubahidUser').val();
        <em>var</em> userName = $('#ubahuserName').val();
        <em>var</em> password = $('#ubahpassword').val();
        <em>var</em> idUker = $('#ubahidUker').val();
        <em>var</em> levelUser = $('#ubahlevelUser').val();
        $.ajax({
            url: 'user/update.php',
            type: 'post',
            data: {
                idUserUpdate: idUser,
                userNameUpdate: userName,
                passwordUpdate: password,
                idUkerUpdate: idUker,
                levelUserUpdate: levelUser
            },
            success: <em>function</em>(<em>data</em>, <em>status</em>) {
                Swal.fire(
                    'Berhasil!',
                    'Data Sudah Diupdate',
                    'success'
                ).then(<em>function</em>() {
                    window.location.reload();
                })
            },
        });
        $('#modalubahUser').modal('hide');
    });

    $(document).ready(<em>function</em>() {
        $('#example').DataTable();
    });
</script></pre><div><br>masalah terjadi ketika saya mau ubah data melalui modal ubah.saat saya menyimpan data di form ubah dengan menekan tombol #updateUser,data di database berubah sesuai nilai di form.tapi data yang tampil di tabel,tidak langsung berubah.saat saya refresh halaman,notif resubmission terus muncul.masalah ini terjadi di page yang ada form control tipe select option,sementara di halaman yang tidak ada form control select option,tidak ada masalah.mohon bantuannya.</div>