AJAX POST 成功和错误触发

Question

我在这里查看了很多关于同一问题的帖子，但没有任何效果，而且或多或少有点像一个小故障：

function onbtnclick(){


    var user_email=$('#user_email').val();
    var send_data = {email:user_email};

$.ajax({
        type: 'POST',
        url: 'someURL.php',
        crossDomain: true,
        data:send_data,
        dataType: 'text',
        success: function(responseData, textStatus, jqXHR) {
            alert("Thank you for the mailing list");
        },
        error: function (responseData, textStatus, errorThrown) {
            alert('Your email is already in our mailing list.');
            console.log('log e:'+responseData);
            console.log('log e:'+textStatus);
            console.log('log e:'+errorThrown);
        }
    });

        return false;

 }
};


<form name="myform">
    <input  id="user_email" type="email" name="email" placeholder="Your Email Here" style="width:300px" required><br>
    <br><button type="submit" class="leka-button button-style2 offer_button" onclick="onbtnclick()"><h5>SIGN UP</h5></button>
</form>

如果用户新触发成功或者他注册触发错误，我只是试图提醒正确的消息，我尝试删除 dataType:'text' 或添加 'json' 并且\同时删除 crossDomain 属性但都没有给我理由。 如果这有用，here is where I fire the AJAX script.

Answer 1

点击提交按钮时调用 JavaScript。

JavaScript 运行。 Ajax 请求已准备就绪。 JavaScript 完成。提交按钮的默认行为是提交表单。页面卸载。 Ajax 请求已取消。进行常规表单提交。

去掉onclick 属性。改为使用 JavaScript 绑定您的事件处理程序。

$(function () {
    var $form = $([name="myform"]); // `name` is obsolete for form elements, give it an ID instead
    $form.on('submit', onbtnclick);

    function onbtnclick(event) { // Give this function a better name
        event.preventDefault(); // Don't submit the form normally
        // Then put the rest of your existing code
    }
});