Question

我的AJAX调用中的

success根本没有触发，我无法弄清楚原因。没有弹出AJAX文件中指定的警报。

表格：

<form onsubmit="check_reg();return false;" method="post" name="reg_form" id="reg">
    <label class="error" id="reg_error"></label>
    <label for="login_reg">Login</label>
    <input type="text" name="login" id="login_reg" placeholder="Login">
    <label for="email_reg">Email</label>
    <input type="text" name="email" id="email_reg" placeholder="Email">
    <label for="haslo_reg">Password</label>
    <input type="password" name="password" id="pass_reg" placeholder="Password">
    <button type="submit">Register</button>  
</form>

reg_script.php：

if (!empty($_POST['login']) && !empty($_POST['password']) && !empty($_POST['email'])) {
    $login = $mysqli->real_escape_string($_POST['login']);
    $password = $mysqli->real_escape_string($_POST['password']);
    $email = $mysqli->real_escape_string($_POST['email']);

    if ($mysqli->query("INSERT INTO users (login, password, email) VALUES('$login', '$password', '$email')")) {
        echo "ok";
    } 
    else {
        echo "error";
    }
} 
else {
    echo "empty";
}

AJAX

function check_reg() {
    $.ajax({
        url: 'reg_script.php',
        type: "POST",
        data: "login=" + $('#login_reg').val() + "&password=" + $('#pass_reg').val() + "&email=" + $('#email_reg').val(),
        success: function(result) {
            if (result == 'ok') {
                alert('ok');
            }
            else if (result == 'error') {
                alert('error');
            }
            else if (result == 'empty') {
                alert('empty');
            }
        },
    });
}

任何想法可能是什么问题？

编辑：我应该补充一点，我使用了本教程：http://developertips.net/post/display/web/3/dynamic-login-form-with-ajax-php/并设法使登录表格正常工作，这只是表现的注册表单。

Answer 1

更改

<form onsubmit="check_reg();return false;" method="post" name="reg_form" id="reg">
<label class="error" id="reg_error"></label>
<label for="login_reg">Login</label>
<input type="text" name="login" id="login_reg" placeholder="Login">
<label for="email_reg">Email</label>
<input type="text" name="email" id="email_reg" placeholder="Email">
<label for="haslo_reg">Password</label>
<input type="password" name="password" id="pass_reg" placeholder="Password">
<button type="submit">Register</button>  
</form>

为：

<form>
<label class="error" id="reg_error"></label>
<label for="login_reg">Login</label>
<input type="text" name="login" id="login_reg" placeholder="Login">
<label for="email_reg">Email</label>
<input type="text" name="email" id="email_reg" placeholder="Email">
<label for="haslo_reg">Password</label>
<input type="password" name="password" id="pass_reg" placeholder="Password">
<input type="button" onclick="check_reg()">Register</button>  
</form>

这样，您的HTML文件将调用check_reg（），然后调用您的php文件。你不需要在HTML文件中使用method = post等。所有这些信息已经在您的功能中。

顺便说一下，check_reg（）函数中的数据属性，我建议您将其更改为serializeArray（）。

我刚才意识到的另一件事：

success: function(result) {

结果变量包含来自serverside（php）的错误消息。所以你要做的就是：

success: function(result) {
             alert(result);

Answer 2

这里您使用的是POST请求，但是将数据作为查询字符串发送，用于GET请求。

以对象形式使用数据：

 data: {'login': $('#login_reg').val() ,'password':$('#pass_reg').val() ,'email':$('#email_reg').val()}

您还可以在php文件中查看print_r($_POST)，以便查看是否发布了数据。

所以在ajax中使用以下代码：

function check_reg() {
    $.ajax({
        url: 'reg_script.php',
        type: "POST",
        data: {'login': $('#login_reg').val() ,'password':$('#pass_reg').val() ,'email':$('#email_reg').val()},
        success: function(result) {
            if (result == 'ok') {
                alert('ok');
            }
            else if (result == 'error') {
                alert('error');
            }
            else if (result == 'empty') {
                alert('empty');
            }
        },
    });
}

jQuery Ajax - 没有成功

2 个答案: