insertnv.js

$(document).ready(function(){
    $('#add-nv').on('click', function(){
        var username = $('#username').val();
        var name = $('#name').val();
        var password = $('#password').val();
        var email = $('#email').val();
        var department = $('#department').val();
        var position = $('#position').val();
        var status = $('#status').val();
        if (username=='' || name=='' || password==''){
            alert("Pls fill");
        }
        else{
            $.ajax({
                url:"insertnv.php",
                type:"post",
                data:{
                    username:username,
                    name:name,
                    password:password,
                    email:email,
                    department:department,
                    position:position,
                    status:status
                },
                success: function(){
                    $('#username').val('');
                    $('#name').val('');
                    $('#password').val('');
                    $('#email').val('');
                    $('#department').val('');
                    $('#position').val('');
                    $('#status').val('');
                    $("#table-nv").append(`<tr><td>${username}</td><td>${email}</td></tr>`);
                }
            });
        }
    });
})