Pelo que entendi, você só quer alterar a classe do botão clicado após o retorno do AJAX, então não precisa receber nenhum retorno response
. A única coisa que você precisa enviar no AJAX é o id
da linha (que suponho ser a coluna código
da tabela, que é a primeira td
.) e uma informação se é "válido" ou "inválido".
Primeiro que você não deve colocar id="valido"
e id="invalido"
nos botões, porque você teria que repetir essas id
's nos outros botões das outras linhas, e repetir id
é incorreto no HTML. Então não as use. Em vez disso, acrescente uma classe apenas nos botões "Válido", para diferenciar dos botões "Inválido". Eu coloquei a classe .val
, ficando assim:
↓
<button class="val sem-validacao">Válido</button>
<button class="sem-validacao">Inválido</button>
Como você não irá precisar de nenhum dado retornado do AJAX, não precisa colocar response
na função do success
, e não precisa também da opção dataType: 'json',
. Também não precisa colocar type: 'get',
, pois o type
do $.ajax
já é get
por padrão.
Basta então, após o AJAX ser concluído (função do success
) verificar se o botão clicado possui a classe .val
, para inserir nele a classe .valido
ou .invalido
.
O código irá ficar desta forma (veja comentários explicativos):
// pega o click nos botões pela classe .sem-validacao
$(".sem-validacao").on("click", function(){
var $this = $(this); // variável para guardar o botão clicado
// variável que irá ser "true" se o botão clicado tiver a classe .val
// ou "false" se não tiver
var valido = $this.hasClass("val");
$.ajax({
url: "updateTelefone.php",
data: {
id: $this // botão clicado
.closest("tr") // pega a linha do botão
.find("td") // busca uma coluna
.first() // a primeira coluna
.text() // pega o texto da coluna
.trim(), // remove espaços
v: valido // envia "true" ou "false"
},
success: function(){
$this // botão clicado
.addClass( valido ? "valido" : "invalido" ); // adiciona uma das classes
}
});
});
Repare que o AJAX envia duas variáveis para o PHP: id
e v
(essas variáveis você pode nomear como quiser). No PHP você irá pegar ambas com $_GET['id']
e $_GET['v']
.
O $_GET['id']
será a id
do telefone, e o $_GET['v']
será true
ou false
, que você precisará como informação para atualizar o banco de dados.