AJAX在不重新加載頁面的情況下以模式形式顯示錯誤

Question

我在index.php中有兩種模式形式，一種用於登錄，一種用於注冊。 從登錄模式中，您可以訪問注冊表。 我想以寄存器模式形式顯示錯誤而不重新加載頁面或重定向到另一個頁面。 我使用ajax，但是提交后，頁面重定向到空白頁面register.php並顯示1。

在注冊表中，我有一個空的div

<div id = "error-reg"></div>

register.php是表單的動作，看起來像

 if ($count == 0) {
    if ($check == 1)
        $query = "INSERT INTO ..
    elseif ($check == 2)
        $query = "INSERT INTO ..
    else {
        $query = "INSERT INTO ..
    }

    if ($db->query($query)) {
        echo "1";
    } else {
        echo "2";
    }
} else {
    echo "3";
}

在js中我有

$("#btn-rg").on('submit',function (e) {
     e.preventDefault();
     var form=$(this);
     $.ajax({
        url : 'register.php',
        type : 'POST',
        data : $('#id02').serialize(),
        success : function (msg) {
            if(msg=="1") $('#error-reg').html('success');
        },
        error: function (msg) {
             if(msg=="2") $('#error-reg').html('Error while registering.Please try again');
              if(msg=="3") $('#error-reg').html('The username already exists.');
    }
});

}）;

Answer 1

在php中，您只需回顯一個數字，瀏覽器就會將其解釋為成功。

您可以更改您的js文件：

$("#btn-rg").on('submit', function(e) {
     e.preventDefault();
     var form = $(this);
     $.ajax({
        url: 'register.php',
        type: 'POST',
        data: $('#id02').serialize(),
        success: function(msg) {
            if (msg == "1") $('#error-reg').html('success');
            if (msg == "2") $('#error-reg').html('Error while registering.Please try again');
            if (msg == "3") $('#error-reg').html('The username already exists.');
        }
    });
});

不確定是否可以使用，您可以通過拋出http錯誤代碼來調整php文件來實現。

if ($count == 0) {
    if ($check == 1)
        $query = "INSERT INTO .."
    else if ($check == 2)
        $query = "INSERT INTO .."
    else {
        $query = "INSERT INTO .."
    }

    if ($db->query($query)) {
        echo "1";
    } else {
        echo "2";
        http_response_code(400);
    }
} else {
    echo "3";
    http_response_code(400);
}