0

我在下面有一个带有两个按钮的表单，我想使用 jquery 发布到 url 而不是默认的表单操作。但是，当我单击 Like Button 或 Dislike 按钮时，它仍然会将我带到 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>

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

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

还要确保关闭表格</form>

于 2013-06-27T07:55:34.693 回答
0

利用

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

相反，它应该可以工作

于 2013-06-27T07:50:14.443 回答