無法讓JQuery AJAX的成功事件顯示一個感謝頁面

Question

我有這段代碼，如果一切正常，結果應該是一個感謝頁面。 下面是代碼：

<a class="large red button round" onclick="$.ajax({ type: 'POST', data:$('#newsletter').serialize(), url: 'http://www.stress-free-life.co.il/lists/?p=subscribe& amp;id=1', success: function (msg) { openWin(); $('#Name').val(''); $('#email').val(''); }, failure: function (msg) { alert('Sorry, we were unable to process your subscription.'); } }); return false;" href="javascript; return false;">לחץ כאן</a> 

我嘗試了好幾種選擇，但不能得到謝謝顯示頁面。

Answer 1

也許這樣的事情...

<a id="ajaxpost" class="large red button round" href="javascript:void(0)">לחץ כאן<a> 


<script> 

$("#ajaxpost").click(function() { 
    $.ajax({ 
     type: 'POST', 
     data: $('#newsletter').serialize(), 
     url: 'http://www.stress-free-life.co.il/lists/?p=subscribe&amp;id=1', 
     success: function (msg) { 
      openWin(); 

      $('#Name').val(''); 
      $('#email').val(''); 
      window.location = "url of thank-you page"; 
     }, 
     failure: function (msg) { 
      alert('Sorry, we were unable to process your subscription.'); 
     } 
    }); 
}); 

</script> 

Answer 2

嗯......讓我們打掃一下，onclick處理是真的難以閱讀，通常被認爲是不好的做法

你的HTML：

<a class="large red button round my-button" href='#'>לחץ כאן</a> 

而在一個單獨的JS文件中，您應該有：

$(function(){ 
    $('.my-button').on('click', function(e){ 
    e.preventDefault(); 

    $.ajax({ 
     type: 'POST', 
     data: $('#newsletter').serialize(), 
     url: 'http://www.stress-free-life.co.il/lists/?p=subscribe&id=1', 
     success: function(msg){ 
     window.location = "/my-thank-you-page.html"; 
     //openWin(); // No idea what this function is... 
     //$('#Name').val(''); 
     //$('#email').val(''); 
     }, 
     failure: function(msg){ 
     alert('Sorry, we were unable to process your subscription.'); 
     } 
    }); 
    }); 
});