默認的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，而點擊表單按鈕

回答

相關問題