Estou com dificuldades para usar o ajax com html.
Tenho um arquivo html que responde perguntas de um chat e coloquei o ajax abaixo ajax. Ele redireciona para a controller perguntas e o método responder. O status da requisição é 200, mas nada acontece. Debuguei e vi que o ajax nem acessa o método, não passa nenhuma das variáveis que eu preciso.
$(document).ready(function(){
$(".form-response").on('click',function(e){
e.preventDefault();
var seller_id = $(this).attr("seller_id");
var dataValue = $(this).attr("data-value");
var resposta = $("#resposta-pergunta-" + dataValue).val();
console.log(dataValue);
console.log(resposta);
console.log(seller_id);
$.ajax({
method: 'POST',
url : '../perguntas/responder',
data: {
id: dataValue,
resposta: resposta,
seller_id: seller_id
}}).done(function(data){
console.log($("#card-" + dataValue).hide());
alert("Respondido com Sucesso! - Ajax");
}).fail(function(){
alert('Problema para RESPONDER');
});
return false; });
Quando clico no botão responder, aparecem as informações no meu console.
O meu projeto está em MVC e estou usando o twig para renderizar os templates. Eu tenho uma arquivo layout.html, que tem o cabeçalho e outro arquivo chamado formulario.html, que estaria entre o {% block formulario %} e {% endblock %}. Meu ajax está junto com o formulario.html