Menangkap Data dari AJAX PHP (JSON) yang ditampilkan otomatis di form untuk dimasukkan ke dalam Database

Ditanyakan 4 bulan yang lalu oleh Achmad Sobari

hallo izin bertanya, saya sudah membuat form input data dan berhasil. tapi ada 1 kolom input yg tidak terbawa nilainya ke dalam database karena ga bisa terbaca oleh php. kolom input tersebut saya buat otomatis muncul dengan ajax php. kesulitan saya adalah, bagaimana caranya saat saya tekan submit 1 kolom input tersebut ikut serta masuk ke dalam database bersamaan dg kolom lain? makasi

dibawah ini form pengisian datanya :

<?php
     require 'functions.php';
     if( isset($_POST["submit"]) ) {
            //cek apakah data berhasil ditambahkan atau tidak
            if( tambahdata($_POST) > 0 ) {
                echo "
                        <script>
                        alert('data berhasil ditambahkan');
                        document.location.href = 'index.php';
                        </script>
                    ";
            } else {
                echo "
                        <script>
                        alert('data tidak berhasil ditambahkan');
                        document.location.href = 'index.php';
                        </script>
                    ";
            }
    }
?>

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>SMART | Home</title>
    <link rel="stylesheet" type="text/css" href="font-awesome/css/all.css">
    <link rel="stylesheet" href="http://localhost/penagihannative/css/bootstrap.css">
    <link rel="stylesheet" href="http://localhost/penagihannative/css/bootstrap.min.css">
    <style></style>
</head>

<body class="">
    <div class="container-fluid mt-2 text-center">
        <!-- <div class="row">
        <div class="card col-md-6 mt-3 text-justify mx-auto">
            <div class="card-body">
                <h3>Input Data</h3>
                <small>Ruang Berkas Penagihan</small>
                <hr>
                <form method="post">
                    <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="npwp">NPWP</label>
                        <input type="text" class="form-control" id="npwp" name="npwp" required>
                    </div>
                    <div class="form-group col-md-8">
                        <label for="nama">Nama WP</label>
                        <input type="text" class="form-control" id="nama" name="nama" disabled>
                    </div>
                    </div>
                    <div class="form-row">
                    <div class="form-group col-md-4">
                        <label for="norbk">Nomor Berkas</label>
                        <input type="text" class="form-control" id="norbk" name="norbk" placeholder="" required>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="noruang">Nomor Ruang</label>
                        <input type="text" class="form-control" id="noruang" name="noruang" placeholder="" required>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="nobox">Nomor Box</label>
                        <input type="text" class="form-control" id="nobox" name="nobox" placeholder="" required>
                    </div>
                    </div>
                    <div class="form-row">
                    <div class="form-group col-md-8">
                        <label for="alamat">Alamat</label>
                        <textarea type="text" class="form-control" id="alamat" name="alamat" placeholder="" required></textarea>
                    </div>
                    <div class="form-group col-md-4">
                        <label for="kelurahan">Kelurahan</label>
                        <input type="text" class="form-control" id="kelurahan" name="kelurahan" placeholder="" required>
                    </div>
                    </div>
                    <div class="form-group">
                        <label for="keterangan">Keterangan</label>
                        <input type="text" class="form-control" id="keterangan" name="keterangan" placeholder="">
                    </div>
                    <button type="submit" class="btn btn-primary" name="submit">Submit</button>
                </form>
                <script src="http://localhost/penagihannative/js/jqueryslim.min.js"></script>
                <script>
                    $(function () {
                        $("#npwp").change(function () {
                            var npwp = $("#npwp").val();

                            $.ajax({
                                url: 'ajax_isiotomatis.php',
                                type: 'POST',
                                dataType: 'json',
                                data: {
                                    'npwp': npwp
                                },
                                success: function (datarbk) {
                                    $("#nama").val(datarbk['nama']);
                                }
                            });
                        });

                    });
                </script>
            </div>
        </div>
    </div>
    <script src="http://localhost/penagihannative/js/jqueryslim.min.js"></script>
    <script src="http://localhost/penagihannative/js/popper.min.js"></script>
    <script src="http://localhost/penagihannative/js/bootstrap.min.js"></script>
    <script src="http://localhost/penagihannative/js/jquery.js"></script>
    <script src="http://localhost/penagihannative/js/jquery.inputmask.bundle.js"></script>
    <script>
        $(document).ready(function () {
            $('#npwp').inputmask('999999999-999.999');
        });
    </script>
</body>

</html>

YANG INI Script fungsi php nya :

<?php
  $conn = mysqli_connect("localhost","root","","komputer");

    function query($query){
        global $conn;
        $result = mysqli_query($conn, $query);
        $rows = [];
        while( $row = mysqli_fetch_assoc($result) ) {
            $rows[] = $row;
        }
        return $rows;
    }

        function tambahdata($data) {
        global $conn;

        $npwp       = htmlspecialchars($data["npwp"]);
        $nama       = htmlspecialchars($data["nama"]); --->>> variabel ini saat saya klik submit ga terbawa masuk ke database
        $noberkas   = htmlspecialchars($data["norbk"]);
        $noruang    = htmlspecialchars($data["noruang"]);
        $nobox      = htmlspecialchars($data["nobox"]);
        $alamat     = htmlspecialchars($data["alamat"]);
        $kelurahan  = htmlspecialchars($data["kelurahan"]);
        $keterangan = htmlspecialchars($data["keterangan"]);

        $query = "INSERT INTO datarbk 
                        VALUES
                        ('', '$noberkas','$npwp', '$nama', '$noruang', '$nobox', '$alamat', '$kelurahan','$keterangan')
                    ";
        mysqli_query($conn, $query); 

        return mysqli_affected_rows($conn);
    }

terimakasih atas bantuannya.

1 JAWABAN / 0 KOMENTAR

Generic placeholder image
Achmad Sobari menjawab 3 bulan yang lalu

solved. ternyata form inputnya saya kasih disabled. harusnya read only. hehe