Procédure de réponse de commentaire en utilisant jquery et php?

Question

J'ai un système de Commenting dans mon application. Pour une seule entrée vidéo, n'importe qui peut poster un commentaire et quelqu'un d'autre peut poster une réponse à ce commentaire et à ses réponses, ne peut pas avoir d'autres réponses similaires à celles de StackOverflow (1 réponse, et 1 ou plusieurs réponses).

Je veux la fonctionnalité similaire qui a donc nous allons je le code HTML suivant

<div class="comment" id="comment-908"> 
    First comment 
</div> 
<div class="reply"> 
    <div id="reply-909> 
    reply 1 
    </div> 
    <div id="reply-910> 
    reply 2 
    </div> 
    <div id="reply-911> 
    reply 3 
    </div> 
</div> 
<form id="reply-form"> 
    <textarea id="replycomment" name="replycomment"></textarea> 
    <input type="submit" name="submit-reply" value="add reply" /> 
</form> 

maintenant au-dessus de HTML est un échantillon que j'ai créé, Quand quelqu'un cliquera sur le bouton « ajouter réponse » je suis en utilisant jquery pour poster une réponse.

Maintenant, je veux savoir qu'il y aura plusieurs commentaires et plusieurs formulaires de réponse. Alors, qui clique sur quel bouton et pour quel commentaire quelqu'un veut poster une réponse, comment le saurai-je?

Le HTML ci-dessus n'est pas correct, merci de me suggérer le bon flux HTML que je peux utiliser et comment travailler avec jquery?

maintenant je veux savoir quand soe

Answer 1

Modifiez le formulaire HTML à quelque chose de similaire premier:

<form class="reply-form" action="url/to/submit/123456" method="post"> 
    ... 
</form>  

La raison derrière cela est, vous ne pouvez pas avoir le même id pour plus d'un élément, donc, Pour simplifier le problème, vous pouvez simplement faire en sorte que tous les formulaires de réponse soient en format réponse (ce qui est simple). L'ajout de l'action de formulaire avec l'ID est également une bonne pratique, de sorte que même votre client n'a pas javascript/ajax activé, il peut toujours être fonctionnel lorsque vous cliquez sur le bouton Soumettre.

Et puis, le reste du travail serait (supposons que votre formulaire est soumis ajax):

$(".reply-form").each(function(){ 
    var form = $(this); 
    var submitUrl = form.attr("action"); 
    $("input:submit", form).click(function(){ 
     // implement the submit logic here. 
    }); 
});