Enviando dados com JQUERY/JS
- #PHP
- #JavaScript
- #jQuery
Olá Pessoal,
Já pensou em alterar o valor de um campo mas sem enviar através de um botao submit? iremos testar o onchange e só alterar para onblur quando quiser para ter o mesmo efeito, então, vou ser bem objetivo nesse texto!
Supondo que você tem um select group ou algum valor que deve ser enviado para uma página que irá salvar no banco a cada atualização:
<form method="post">
<select id="pagamento" onchange="atualizaStatusPedido();">
<option value="P">Pendente</option>
<option value="A">Aprovado</option>
<option value="N">Negado</option>
</select>
</form>
Veja que estamos utilizando o evento onchange, ele é responsável por observador qual o valor do select e disparar a função quando esse valor é alterado. Agora vamos a parte do JQuery mais legal:
function atualizaStatusPedido() {
valorSelect = $("#pagamento").val() // estamos Pegando o valor do select com base no ID
$.ajax({
url: "processa-dados.php", // nossa página alvo
type: "post", // nosso metódo de envio
dataType: 'html', // tipo de fonte de dados esperado
data:{ valor: valorSelect }, // Nosso "valor", será o nome usado para pegar a variavel, ex: $_POST["valor"]
timeout: 1000,
success:function () {
console.log("Valor Enviado com sucesso!")
}
});
}
Pronto, nosso valor foi enviado toda vez que foi alterado o valor do select, agora é só efetuar a lógica para salvar no banco na página processa-dados.php.
