默认的html动作调用，而不是jQuery，而点击表单按钮

我有一个表单，下面有两个按钮，我想用jquery发布到URL而不是默认的表单action.However，当我点击Like按钮或不喜欢按钮，它仍然带我到saveFeedback url这是默认的HTML表单操作，而不是jQuery的一个。任何帮助表示赞赏。默认的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>

来源

2013-06-27 Neo_32

当你发布使用jQuery，如果这就是你以后它不会做重定向。 –

谢谢，它现在可以工作。问题是json格式化。 –

写：

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

，而不是

e.preventDefault();

而且

写

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

代替

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

来源

2013-06-27 07:59:38 cyrilkiller

使用

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

，而不是它应该工作

来源

2013-06-27 07:50:14 trollr

感谢您的回复。我需要能够区分“点赞”是什么时候点击或何时点击“不喜欢”。那么如果我抓住#saveUserFeedback，我该怎么做？ –

在按钮上注册单击事件并保存单击了哪个事件 – trollr

使用两种e.preventDefault();和e.stopPropagation();。

还要确保您关闭该窗体</form>

来源

2013-06-27 07:55:34

默认的html动作调用，而不是jQuery，而点击表单按钮

回答

相关问题