带有函数回调的ajax不起作用

带有函数回调的ajax不起作用,ajax,post,callback,Ajax,Post,Callback,我有下面的主要ajax函数,我想在以后的多篇文章中使用它,这就是为什么它有一个回调函数作为参数。然而,这段代码中一定有错误,因为它没有将任何数据发布到文本文件中,但我在控制台中没有收到任何错误。当我点击按钮时,什么也没有发生 绑定到按钮单击的方式不正确。 有关一些示例,请参见 基本上,当前方法将立即调用函数,然后返回结果,并在单击时绑定。 您希望绑定到的是对函数的引用,以便每次单击按钮时都可以调用该函数 我在这里放了一个简化的jsfiddle来演示这种差异 您会注意到,由于该函数在绑定到fai

我有下面的主要ajax函数,我想在以后的多篇文章中使用它,这就是为什么它有一个回调函数作为参数。然而,这段代码中一定有错误,因为它没有将任何数据发布到文本文件中,但我在控制台中没有收到任何错误。当我点击按钮时,什么也没有发生


绑定到按钮单击的方式不正确。 有关一些示例,请参见

基本上,当前方法将立即调用函数,然后返回结果,并在单击时绑定。 您希望绑定到的是对函数的引用,以便每次单击按钮时都可以调用该函数

我在这里放了一个简化的jsfiddle来演示这种差异

您会注意到,由于该函数在绑定到fail按钮时立即执行,因此在页面加载时会立即收到警报,因为该函数是在addEventListener期间执行的

addEventListener行应该更像这样

btnSignupForm.addEventListener("click", function()
    {
        postAjax("api_signup_users.php", frmSignup, signupUser)
    });
btnSignupForm.addEventListener("click", function()
    {
        postAjax("api_signup_users.php", frmSignup, signupUser)
    });