problem when sending comments are repeated

1

I am creating a system of comments in php and jquery everything is going well until I try to send a second comment also send me the previous one and so subsistently, hopefully and you can find my error here is my code

coment.php

<div id="push-<?php echo$registro['id'];?>"></div><!--show coments here-->
    <div id="texto" style="padding:0px;">

     <!-- id unico para el formulario ya que hay varios formularios-->
    <form action="comentarios.php"  method="post" class="formu" id="formu-<?php echo$registro['id'];?>">


    <div class="input-group  mb-2 col-12" style=" margin: 0 auto;">

        <img src="imagenes/<?php echo$_SESSION['avatar'];?>" >
       <input type="text" class="form-control" placeholder="Escribe un comentario..." name="comentario" id="comentario" >
        <input type="hidden" style="display: none;" name="id_public" id="id_public" value="<?php echo$registro['id'];?>">
        <input type="hidden" style="display: none;" name="id_owner" id="id_owner" value="<?php echo$registro['id_user'];?>">


      <div class="input-group-append" >
       <button type="submit"  class="btn-outline-info consulta" id="<?php echo$registro['id'];?>">
       <img src="img/plane.png" width="20px" height="20px"  >
       </button>

      </div>

    </div>
    </div>

    </form>
    </div>

coments.js

    $(document).ready(function () {

   $(".consulta").click(function(){

    var id = this.id;//get id value
    var owner= $("#id_owner").val();
    var comentario= $("#comentario").val();
    var push= $("#push-"+id);

  $("#formu-"+id).submit(function(){

      $.ajax({

       url:"comentarios.php",
       type:"POST",
       data:$("#formu-"+id).serialize(),
       dataType:'json',

       success:function(datas){
        console.log(datas);

        push.append("<div id='post_coments_container'><img id='post_coments_img' src='imagenes/"+datas["avatar"]+"' >"+"<div id='post_coments'>"+ "<a href='#'> "+datas["usuario"]+" "+datas["apellido"]+ "</a>"+"<span>"+moment(fecha).format('LT')+"</span>"+"<div id='post_coments_messages'>"+datas["comentario"]+ "</div>"+"</div>" +"</div>");
        $("#comentario").val("");
    },
    error:function(datas){
      console.log(datas)
    }


  });

     return false;

    });



    });



});

I did not include the ajax because it really works well the only thing that I do not know what I'm doing wrong in the js file, some idea of my error I've tried in various ways and nothing

    
asked by andy gibbs 08.07.2018 в 07:52
source

1 answer

-2

coment.php

<div id="push-<?php echo$registro['id'];?>"></div><!--show coments here-->
<div id="texto" style="padding:0px;">
    <!-- id unico para el formulario ya que hay varios formularios-->
    <form action="comentarios.php"  method="post" class="formu" id="formu-<?php echo$registro['id'];?>">
        <div class="input-group  mb-2 col-12" style=" margin: 0 auto;">
            <img src="imagenes/<?php echo$_SESSION['avatar'];?>" >
            <input type="text" class="form-control" placeholder="Escribe un comentario..." name="comentario" id="comentario" >
            <input type="hidden" style="display: none;" name="id_public" id="id_public" value="<?php echo$registro['id'];?>">
            <input type="hidden" style="display: none;" name="id_owner" id="id_owner" value="<?php echo$registro['id_user'];?>">
            <div class="input-group-append" >
                <button type="button"  class="btn-outline-info consulta" id="<?php echo$registro['id'];?>">
                    <img src="img/plane.png" width="20px" height="20px"  >
                </button>
            </div>
        </div>
    </form>
</div>

coments.js

$(document).ready(function() {
    $(".consulta").click(function() {
        var id = this.id; //get id value
        var owner = $("#id_owner").val();
        var comentario = $("#comentario").val();
        var push = $("#push-" + id);
        $.ajax({
            url: "comentarios.php",
            type: "POST",
            data: $("#formu-" + id).serialize(),
            dataType: 'json',
            success: function(datas) {
                console.log(datas);
                push.append("<div id='post_coments_container'><img id='post_coments_img' src='imagenes/" + datas["avatar"] + "' >" + "<div id='post_coments'>" + "<a href='#'> " + datas["usuario"] + " " + datas["apellido"] + "</a>" + "<span>" + moment(fecha).format('LT') + "</span>" + "<div id='post_coments_messages'>" + datas["comentario"] + "</div>" + "</div>" + "</div>");
                $("#comentario").val("");
            },
            error: function(datas) {
                console.log(datas)
            }
        });
    });
});
    
answered by 08.07.2018 в 08:41