php - 未调用回调函数

Question

你好，我有这个 jQuery：

    $("#registerButton").click(function(){
    var email = $("#registerForm input[type='email']").val();
    var username = $("#registerForm input[type='text']").val();
    var password = $("#registerForm input[type='password']").val();
    if((!$.trim(email)) || (!$.trim(username)) || (!$.trim(password)))
        return false;
    $("#login").modal('hide');
    $("#login").on('hidden.bs.modal', function(){
        $.ajax({
            type: 'post',
            url: '?a=register',
            data: {
                "email" : email,
                "username" : username,
                "password" : password
            },
            success: function(){
                $("#test").html("Testing callback function");
            }
        });
    });
});

这是处理请求的控制器文件 (index.php) 的一部分：

        case "register":
        $email = htmlspecialchars($_POST["email"]);
        $username = htmlspecialchars($_POST["username"]);
        $password = htmlspecialchars($_POST["password"]);
        insertUser($email, $username, $password);
        break;

我的问题是没有调用回调函数。其他一切正常。另一个奇怪的是url字符串从www.domain.com变成了www.domail.com/？即使请求是帖子类型。我究竟做错了什么？

Answer 1

听起来您在单击按钮时正在提交表单，尽管代码也可以运行，但仍会发生这种情况。尝试这个...

$("#registerButton").click(function(e){
    e.preventDefault();
    var email = $("#registerForm input[type='email']").val();
    var username = $("#registerForm input[type='text']").val();
    var password = $("#registerForm input[type='password']").val();
    if((!$.trim(email)) || (!$.trim(username)) || (!$.trim(password)))
        return false;
    $("#login").modal('hide');
    $("#login").on('hidden.bs.modal', function(){
        $.ajax({
            type: 'post',
            url: '?a=register',
            data: {
                "email" : email,
                "username" : username,
                "password" : password
            },
            success: function(){
                $("#test").html("Testing callback function");
            }
        });
    });
});

通过e在 click 事件处理程序中添加作为参数并添加e.preventDefault()，您可以停止默认操作#registerButton，在这种情况下可能是提交表单。