Question

我有一个带有两个按钮的表单，我想使用jquery发布到网址而不是默认的表单动作。但是，当我点击Like按钮或不喜欢按钮时，它仍然需要我转到saveFeedback url是默认的html表单操作，而不是jquery的操作。任何帮助表示赞赏。

由于

<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>

Answer 1

写道：

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

而不是

e.preventDefault();

并且

写

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

而不是

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

Answer 2

使用

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

相反，它应该工作

Answer 3

同时使用e.preventDefault();和e.stopPropagation();。

另请确保关闭表单</form>

单击表单按钮时调用默认html操作而不是jquery

3 个答案: