Çözüm olur ancak iyi bir kullanım değil şuan yaptığınız...
<?php
if ($_POST) {
$userName = $_POST['userName'];
$userPassword = $_POST['userPassword'];
if ($userName == "asd" && $userPassword == "asd") {
echo 'Üye olma işlemi gerçekleşti';
} else {
echo 'Hatalı işlem';
}
} else {
?><!DOCTYPE html>
<html lang="tr">
<title>PHP ile JQuery ve AJAX işlemleri</title>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
</head>
<body>
<form id="userForm" action="?">
<input type="text" name="userName" placeholder="Kullanıcı adınız"><br><br>
<input type="password" name="userPassword" placeholder="Şifreniz"><br><br>
<input type="submit" value="Üye Ol">
</form>
<div style="color:green" id="result">
</div>
<script>
$(document).ready(function(){
$('#userForm').submit(function(e){ // Form submit edildiğinde
e.preventDefault(); // Formu sayfa üzerinde gönder
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "test.php", // POST işleminin olacağı sayfa
data: $("#userForm").serialize(), // Formdaki tüm verileri al
success: function(result){ // Eğer işlem başarılı olursa sonuç
$('#result').html(result); // Id'si result olan divde sonucu yaz
}
});
});
});
</script>
</body>
</html>
<?php } ?>