Jump to content
Matheus B. Siqueira

Forma de inserção no accordion em múltiplos itens com AJAX [Problema atualizado]

Recommended Posts

 

Olá, tento fazer uma requisição para atualização de item do accordion no mysql, porém apenas um item é atualizado.

O código funciona da seguinte forma: É buscado perguntas referente ao vídeo selecionado no carousel, logo após, o código da Amostra de Código 1, cria os cards dentro do modal. Cada card é referente a uma pergunta diferente registrada no Banco de Dados.

Porém, ao tentar atualizar um item do MYSQL, dentro do card, no textarea, o primeiro item (1º pergunta) desse accordion é atualizado, o segundo item (2º pergunta) não é atualizado.

Cada pergunta possui um id no MYSQL, bem como, um assunto, uma resposta, uma pergunta... de acordo com a Figura 01.

Vale ressaltar que, de acordo com a Amostra de Código 2, é buscado juntamente com o AJAX, todas as perguntas referente ao vídeo selecionado no carousel.

Amostra de Código 1:

 $(document).ready(function() {
    
      $(function()
            {
                $('#responder_duvidas').click(function() {
                        var codigoVideo2 = $('.carousel-item.active').attr('data-link_video');
                    var accordion2 = "";
     
                    $.post("buscar_duvida_monitor_resp.php", {
                        codigo_video_monitor: codigoVideo2,
                    },
    
                    function(data2, status) {
                        if (data2 !== "Fail") {
    
                            $("#dynamic_accordion #accordion").html(accordion2); // Adiciona essa linha
     
                            $.each(JSON.parse(data2), function (index2, duvida3)
                            {
                                accordion2 += '<div class="card" style="margin: 5px">';
                                accordion2 += '<div class="card-header" id="heading'+index2+'">';
                                accordion2 += '<h5 class="mb-0">';
                                accordion2 += '<button class="btn btn-link" data-toggle="collapse" data-target="#collapse'+index2+'" aria-expanded="true" aria-controls="collapse'+index2+'">';
                                accordion2 += duvida3.assunto;
                                accordion2 += '</button>';
                                accordion2 += '</h5>';
                                accordion2 += '</div>';
             
                                accordion2 += '<div id="collapse'+index2+'" class="collapse" aria-labelledby="heading'+index2+'" data-parent="#accordion">';
                                accordion2 += '<div class="card-body">';
                                accordion2 += '<div style="background: #ddd; color #fff; padding: 10px 20px; border-radius: 5px">';
                                accordion2 += duvida3.pergunta;
                                accordion2 += '</div>';
             
                                accordion2 += '<hr>';
             
                                accordion2 += '<div style="background: #fff; color #fff; padding: 10px 20px; border-radius: 5px">';
                                accordion2 += '<form method="post" enctype="multipart/form-data">';
                                accordion2 += '<textarea class="form-control" name="resposta" id="resposta" required>'+duvida3.resposta+'</textarea>';
                                accordion2 += '<input type="hidden" id="id_duvidas" value="'+duvida3.idduvidas+'" />';
                                accordion2 += '<br><button type="button" id="enviar_resposta" class="btn btn-success btn-sm">Enviar resposta</button>';
                                accordion2 += '</form>';
                                accordion2 += '</div>';
                                accordion2 += '</div>';
                                accordion2 += '</div>';
                                accordion2 += '</div>';
             
                                $("#dynamic_accordion #accordion").html(accordion2);
                            });
                        }
                    });
                });
    
                $(document).on("click", "#enviar_resposta",function(){
                    $.ajax({
                        url: "atualizar_resposta.php",
                        method: "POST",
                        data: {
                            resposta: $('#resposta').val(),
                            idduvidas: $('#id_duvidas').val()
                        },
                        success: function(res) {
                            var data = JSON.parse(res);
                            alert((data.success == true) ? "Pergunta atualizada" : "Pergunta não atualizada");
                  $('.modal-backdrop').remove();
                            return;
                        }
                    });
    
                    // fecha modal
                    $("#modalDuvidas").modal("hide");
                });
            });
});
       

Figura 1:

inserir a descrição da imagem aqui

 

 

Amostra de Código 2:

  <?php

if (isset($_POST['idduvidas']) && isset($_POST['resposta'])) {
    $id_resposta = $_POST['idduvidas'];
    $resposta = $_POST['resposta'];
 
    $servidor = 'localhost';
    $usuario = 'root';
    $senha = 'root';
    $banco = 'onteach';
 
    $conexao = mysqli_connect($servidor,$usuario,$senha,$banco);
    $consulta2 = "UPDATE duvidas SET duvidas.resposta = '$resposta' WHERE duvidas.idduvidas = '$id_resposta'";
 
    die(json_encode(['success'=>(mysqli_query($conexao, $consulta2))]));
}
 

Figura 2 (FIGURA COMPLEMENTAR APRESENTANDO O ACCORDION NO WEBSITE)

inserir a descrição da imagem aqui

 

Por fim, este tópico auxilia em um tema que é específico, porém, pode ser utilizado para outros fins de programação, bem como, a utilização de definição de váriantes em accordion com maiores itens.

Desde já, agradeço.

 

Share this post


Link to post
Share on other sites

DESCOBRI O PROBLEMA, PORÉM NÃO SEI COMO RESOLVER!

 

Cada card do accordion, possui um index, o primeiro é 0, o segundo é 1, assim sucessivamente.

No botão que criei para alterar o comentário está assim:

 

'<br><button type="button" id="enviar_resposta" class="btn btn-success btn-sm">Enviar resposta</button>';

 

Porém deve estar assim:

 

'<br><button type="button" id="enviar_resposta'+index2+'" class="btn btn-success btn-sm">Enviar resposta</button>';

 

O único problema é no JQUERY.

 

Não faço ideia de como fazer com que o: 

$(document).on("click", "#enviar_resposta",function(){

Consiga identificar qual botão do card que estou selecionando..

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By luiz monteiro
      Olá. Tenho 3 formulários em uma mesma pagina, onde cada um tem 1 input type text.
      O que preciso é recuperar o nome desses inputs e o valor correspondente ao formulário submetido.
      =============
      form name="formulario1" id="formulario1"
      input type="text" name="nome1" value="valor1" /form
      form name="formulario2" id="formulario2"
      input type="text" name="nome2" value="valor2" /form
      form name="formulario3" id="formulario3"
      input type="text" name="nome3" value="valor3" /form
      =============
      ..........
      var formulario_submetido = document.getElementById("formulario1"); formulario_submetido.addEventListener('submit', function(e) { e.preventDefault(); //tentei console.log(document.querySelectorAll('#'+this.id + ' input').name); //tentei var formula = new FormData(formulario_submetido); console.log(formula.input['type=text'].name); //tentei console.log(formula.get(input['type=text']).name); ..........
        no console.log(e), ele está nessa hierarquia   form -> srcElement -> input -> attributes -> name 
      Como recupero o valor do name dele e o valor do value?
       
      Agradeço desde já.
    • By ILR master
      Fala pessoal, tudo bem?
       
      Eu tenho um dominio e vários subdomios dentro.
      Quero saber como recuperar um cookie nos subdominios, uma vez que ele foi criado em um subdominio específico.
       
      Estrutura:
      Tô criando o cookie em usuario.dominio.com.br com o seguinte código:
       
      $valor = md5(uniqid(rand(), true));
      setcookie("token", $valor, time() + (60 * 10), "/", "www.dominio.com.br");
       
      Porém, quero recuperar esse valor em todos os outros subdominios, mas esse codigo aí não tá funcionando.
       
      Alguém pode ajudar?
      Valeu
       
    • By landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • By ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.