Javascript 获取jqueryajax';s的成功事件显示感谢页面

Javascript 获取jqueryajax';s的成功事件显示感谢页面,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有这个代码,如果一切正常,结果应该是一个感谢页面。 代码如下: <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()

我有这个代码,如果一切正常,结果应该是一个感谢页面。 代码如下:

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


我尝试了几个选项,但无法显示感谢页面。

可能是这样的

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

$(“#ajaxpost”)。单击(函数(){
$.ajax({
键入:“POST”,
数据:$(“#时事通讯”).serialize(),
网址:'http://www.stress-free-life.co.il/lists/?p=subscribe&;id=1',
成功:功能(msg){
openWin();
$('#Name').val('');
$('#email').val('');
window.location=“感谢页面的url”;
},
故障:功能(msg){
警报('抱歉,我们无法处理您的订阅');
}
});
});

嗯。。。让我们澄清一下,onclick处理程序真的很难阅读,通常被认为是不好的做法

您的HTML:

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

您应该真正地将
onclick
移动到它自己的函数中。(就可读性而言,内联AJAX调用是……一件让人头疼的事)eewww你必须使用内联js吗?内联代码伤害了我的眼球!!嗯,是的。。。。您正在使用
jquery
,并且您正在使用它很好的
ajax
功能。但你还是在直言不讳地说!>不要使用onclick处理程序!那是1995年的事了。那我该怎么解决呢?你的要好得多:)你的JS控制台中有javascript错误吗?你看到了什么行为?您是否将感谢URL放在了window.location区域中?我将感谢URL放在了window.location区域中,它只需按下并执行,但仍保留在同一页面中使用浏览器的开发人员工具查看网络选项卡。当您单击链接时,是否显示正在向
pressure free life.co.il/lists
发出的请求,然后是否显示返回的
200
响应?还有,你把javascript代码放在哪里了?如果它在外部JS文件中,您是否从HTML页面链接到它?stress-free-life.co.il/lists可以,它可以做它必须做的事情,并且在networl选项卡中,它显示取消状态,javascript代码在标记之间的同一页面中
$(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.');
      }
    });
  });
});