问希望在使用AJAX提交按钮时运行PHP查询

EN

<form method="post" id="addForm">
Username :<input type="text" name="username" id="userName" />
Passkey :<input type="password" name="passkey" id="passKey"/>
<br/>
<input type="submit" name="addUser" id="submitBtn" value="Inser New User"/>
</form>

<script>
    $("#addForm").submit(function(e){
        let userNameZ = $("#userName").val();
        let passKeyZ = $("#passKey").val();

          $.ajax({
            url:'insert.php',
            type:'POST',
            data: {userName:userNameZ,passKey:passKeyZ},
            success: function(resp) {
               if(resp == "inserted") {
                   $("#addForm").trigger("reset");
                    alert("New user inserted");
               } else {
                    alert("Something went wrong");
               }
            }
         });
    });
</script>

<?php 
$conn = new PDO("mysql:host=localhost;dbname=test", "root", "");
if(isset($_POST['addUser'])){
    $userName = trim($_POST['userName']);
    $passKey = trim($_POST['passKey']);
        $query = "INSERT INTO users (username,passkey) VALUES (:userName,:passKey)";
        $stmt = $conn->prepare($query);
        $stmt->execute(array(':userName'=>$userName, ':passKey'=>$passKey));

    if($stmt) {
        echo "inserted";
    } else {
        echo "not inserted";
    }
}

?>