estou estudando um pouco sobre programação web, e tentando criar uma loja virtual para treinar, mas algumas coisas ainda não estão muito claras p mim. Estou tentando montar a parte de cadastro/login do usuario e li que o metodo PDO é mais seguro contra invasões do tipo sql injection do que usar o metodo post, ate comecei a fazer pelo pdo, mas estou tendo dificuldades para apresentar mensagens ao usuario devido ao refresh que a pagina dá após a ação de cadastrar por exemplo. Então recentemente vi um tutorial no youtube que ensinava da forma que segue abaixo. Alguem pode me dizer se essa forma é segura ou se esse código é passivo de sofrer invasões?
<!--AJAX PARA INSERÇÃO DOS DADOS -->
<script type="text/javascript">
$(document).ready(function(){
$('#btn-cadastro').click(function(event){
event.preventDefault();
$.ajax({
url: "cadastrar-usuario.php",
method: "post",
data: $('form').serialize(),
dataType: "text",
success: function(mensagem){
$('#mensagem').removeClass()
if(mensagem == 'Cadastrado com Sucesso!!'){
$('#mensagem').addClass('text-success')
document.getElementById('username').value = document.getElementById('email').value;
document.getElementById('pass').value = document.getElementById('senha').value;
$('#nome').val('')
$('#telefone').val('')
$('#cpf').val('')
$('#email').val('')
$('#senha').val('')
//$('#btn-fechar').click();
//location.reload();
}else{
$('#mensagem').addClass('text-danger')
}
$('#mensagem').text(mensagem)
},
})
})
})
</script>
<!--AJAX PARA RECUPERAR A SENHA -->
<script type="text/javascript">
$(document).ready(function(){
$('#btn-rec').click(function(event){
event.preventDefault();
$.ajax({
url: "recuperar.php",
method: "post",
data: $('form').serialize(),
dataType: "text",
success: function(mensagem){
$('#mensagem2').removeClass()
if(mensagem == 'Senha enviada para o seu Email!'){
$('#mensagem2').addClass('text-success')
document.getElementById('username').value = document.getElementById('email-recuperar').value;
$('#email-recuperar').val('')
//$('#btn-fechar').click();
//location.reload();
}else{
$('#mensagem2').addClass('text-danger')
}
$('#mensagem2').text(mensagem)
},
})
})
})
</script> ```