Tenho um evento onblur pra chamar uma função e essa função tem que chamar uma classe php pra poder comparar o que foi digitado no input com o que está no meu BD, mas não sei fazer isso usando jquery, como faço isso?
HTML
<html>
<head>
<title>Validação de campos com AJAX</title>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<script type="text/javascript" src="assets/ajax/check_cnae.js"></script>
</head>
<body>
Login: <br /> <input type="text" id="cnae" onblur="validarDados('cnae', document.getElementById('cnae').value);" />
<div id="campo_cnae"> </div>
</body>
</html>
classe
require_once "Conexao.class.php";
class Socio {
private $con;
private $cnae;
public function __construct(){
$this->con = new Conexao();
}
public function __set($atributo, $valor){
$this->$atributo = $valor;
}
public function __get($atributo){
return $this->$atributo;
}
public function cnae(){
$this->cnae = $_GET['valor'];
$validar = $this->con->conectar()->prepare("SELECT cnae FROM cnae WHERE cnae = ?");
$validar->execute(array($this->cnae));
if($validar->rowCount() == 0){
echo "CNAE invalido.";
}else{
echo "CNAE valido.";
}
}
script
var req;
function validarDados(campo, valor) {
// Verificar o Browser
// Firefox, Google Chrome, Safari e outros
if(window.XMLHttpRequest) {
req = new XMLHttpRequest();
}
// Internet Explorer
else if(window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
// Aqui vai o valor e o nome do campo que pediu a requisição.
var url = "../../index_teste2.php?campo="+campo+"&valor="+valor;
// Chamada do método open para processar a requisição
req.open("Get", url, true);
// Quando o objeto recebe o retorno, chamamos a seguinte função;
req.onreadystatechange = function() {
// Exibe a mensagem "Verificando" enquanto carrega
if(req.readyState == 1) {
document.getElementById('campo_' + campo + '').innerHTML = '<font color="gray">Verificando...</font>';
}
// Verifica se o Ajax realizou todas as operações corretamente (essencial)
if(req.readyState == 4 && req.status == 200) {
// Resposta retornada pelo validacao.php
var resposta = req.responseText;
// Abaixo colocamos a resposta na div do campo que fez a requisição
document.getElementById('campo_'+ campo +'').innerHTML = resposta;
}
}
req.send(null);
}
arquivo PHP que recebe instanciamento
require_once 'classes/Socio.class.php';
$socio = new Socio();
if(isset($_GET['valor'])){
$dados = $socio->cnae($_GET['valor']);
}
validarDados()
, uma chamada Ajax para algum arquivo PHP e esse arquivo deve fazer a verificação, depois é só você retornar algum resultado com o PHP e tratar no JavaScript.Socio.class.php
), mas quando chega lá, nada acontece, porque em lugar nenhum está sendo chamado sua funçãocnae
, ela está apenas sendo criada, então você teria que chamar ela em algum lugarcnae();
ou, como seria o mais correto na minha opnião, criar um arquivo separado que vai instanciar sua classe e chamar a função cnae, como está exemplificado na minha resposta, afinal mandar uma requisição ajax para uma classe eu acho que não é uma boa prática.