在 JavaScript 中执行 if 和 else 两个条件

我正在开发 php MVC 项目。

我在后台 JavaScript 中创建了一个配置文件编辑页面，If并且Else两个代码都在执行。配置文件编辑成功，但其他代码工作，并显示错误“抱歉，此内容现在不可用”。

为什么这个else条件有效？

• 保存在本地文件中并运行比它工作：-在线代码

Code

 document.querySelector("#Profile_Save").addEventListener("click", () => {
        if (document.querySelector("#Profile_Edit_Email").value.match(/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/)) {
            document.querySelector("#Profile_Edit_Msg").classList.remove("active_success");
            document.querySelector("#Profile_Edit_Msg").classList.remove("active_denger");
            document.querySelector("#Profile_Save").innerHTML = "Loading...";
            document.querySelector("#Profile_Save").classList.remove("active");
            document.querySelector("#Profile_Save").disabled = true;

            document.querySelector("#Profile_Edit_F_Name").disabled = true;
            document.querySelector("#Profile_Edit_L_Name").disabled = true;
            document.querySelector("#Profile_Edit_Email").disabled = true;

            var f_name = document.querySelector("#Profile_Edit_F_Name").value,
                l_name = document.querySelector("#Profile_Edit_L_Name").value,
                email = document.querySelector("#Profile_Edit_Email").value;

            var xhr = new XMLHttpRequest();
            xhr.open("POST", "Api/ProfileEdit", true);
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
            xhr.onreadystatechange = function() {
                if (xhr.readyState == 4 && xhr.status == 200) { // this one if executing 
                    var json = JSON.parse(xhr.responseText);
                    if (json.Status == "Ok") {
                        window.location.href = "Profile"; // it also work 
                    } else {
                        document.querySelector("#Profile_Edit_Msg").classList.remove("active_success");
                        document.querySelector("#Profile_Edit_Msg").classList.add("active_denger");
                        document.querySelector("#Profile_Edit_Msg").innerHTML = json.Message;
                    }
                } else { // this one else executing 
                    document.querySelector("#Profile_Edit_Msg").classList.add("active_denger");
                    document.querySelector("#Profile_Edit_Msg").innerHTML = "Sorry, this content isn't available right now"; // this message show 
                }
            }
            xhr.send("F_Name=" + f_name + "&L_Name=" + l_name + "&Email=" + email);
            document.querySelector("#Profile_Save").innerHTML = "Register";
            document.querySelector("#Profile_Save").classList.add("active");
            document.querySelector("#Profile_Save").disabled = false;
            document.querySelector("#Profile_Edit_F_Name").disabled = false;
            document.querySelector("#Profile_Edit_L_Name").disabled = false;
            document.querySelector("#Profile_Edit_Email").disabled = false;
        } else {
            document.querySelector("#Profile_Edit_Msg").classList.add("active_denger");
            document.querySelector("#Profile_Edit_Msg").innerHTML = "Invalid Email Address!";
        }
    });

return JSON

{"Status":"Ok","Message":"Profile Edit Successfully!"}

Output

open profile page and 
error message:- "Sorry, this content isn't available right now"

帮我！谢谢！！