0

以下のフォームには、デフォルトのフォーム アクションの代わりに jquery を使用して URL に投稿したい 2 つのボタンがあります。 jquery アクションではなく、デフォルトの HTML フォーム アクションです。どんな助けでも大歓迎です。

ありがとう

<body>

<form id="saveuserFeedback" class="form" action="{% url saveFeedback  %}" method="post" class="ajax">
...
...
<input type="submit" class="btn" id="Like" value="Like"/>
<input type="submit" class="btn" id="Discuss" value="Dislike"/> 
...
</form>
<script type="text/javascript">
   $(document).ready(function() {
         $("#Like").click( function (e) {
            e.preventDefault(); 
            alert ('Like clicked');
            console.log('reached here');               
            $.post("/saveFeedback2/",{ feedbackStatus:"Like", feedbackNoteID : "12345" });                     
            });
         $("#Dislike").click( function (e) {
            e.preventDefault(); 
            alert ('Dislike clicked');
            console.log('reached here');               
            $.post("/saveFeedback2/",{ feedbackStatus:"Dislike", feedbackNoteID : "12345" });                     
            });
</script>

4

3 に答える 3

1

書きます :

e.preventDefault();
e.stopPropagation(); 

それ以外の

e.preventDefault();

書きます

$.post("/saveFeedback2/",{ feedbackStatus:"Like", feedbackNoteID : "12345" });

それ以外の

$.post("/saveFeedback2/",{ feedbackStatus:"Like", feedbackNoteID = "12345" });
于 2013-06-27T07:59:38.197 に答える
0

使用する

$(document).ready(function() {
     $("#saveuserFeedback").submit( ...

代わりに、それは動作するはずです

于 2013-06-27T07:50:14.443 に答える
0

との両方e.preventDefault();を使用しe.stopPropagation();ます。

また、必ずフォームを閉じてください</form>

于 2013-06-27T07:55:34.693 に答える