Javascript 按按钮时加载HTML文件以替换div内容

目前我有一些代码，当按下submit按钮时，它将处理一个

进度条

。但是，我想知道如何才能使它在第一次提交时，将您发送到一个静态

html

文件，该文件将替换

.container div

中的内容，然后在第二个按钮提交后，它将按照指示完成迭代

这是代码。

$("#loading").hide();
$("#submit").click(function () {
    if ($("#inputUsername").val().length > 2) {
        $("#inputForm").hide();
        $("#loading").show();
        setTimeout(function () {
            $("#status").text("Connecting to server...");
            $("#loadingbar").attr("aria-valuenow", "20").css("width", "20%").text("20%");
            setTimeout(function () {
                $("#status").text("Accessing database...");
                $("#loadingbar").attr("aria-valuenow", "40").css("width", "40%").text("40%");
                setTimeout(function () {
                    $("#status").text("Fetching user data...");
                    $("#loadingbar").attr("aria-valuenow", "60").css("width", "60%").text("60%");
                    setTimeout(function () {
                        $("#status").text("Human verification required...");
                        $("#loadingbar").attr("aria-valuenow", "80").css("width", "80%").text("80%");
                        setTimeout(function () {
                            var isMobile = /iPhone|iPad|iPod|Android|WebOS|iOS/i.test(navigator.userAgent);
                            if (isMobile) {
                                window.location = "https://example.com";
                            } else {
                                window.location = "https://example.com";
                            }
                        }, 2000);
                    }, 2000);
                }, 2000);
            }, 2000);
        }, 2000);
    } else {
        alert('Invalid username')
    }
})

所需的解决方案。

$("#loading").hide();
$("#submit").click(function () {
    if ($("#inputUsername").val().length > 2) {
        $("#inputForm").hide();
        $("#loading").show();
        setTimeout(function () {
            $("#status").text("Connecting to server...");
            $("#loadingbar").attr("aria-valuenow", "20").css("width", "20%").text("20%");
            setTimeout(function () {
                $("#status").text("Accessing database...");
                $("#loadingbar").attr("aria-valuenow", "40").css("width", "40%").text("40%");
                setTimeout(function () {
                    $("#status").text("Fetching user data...");
                    $("#loadingbar").attr("aria-valuenow", "60").css("width", "60%").text("60%");
                    setTimeout(function () {
                        $("#status").text("Human verification required...");
                        $("#loadingbar").attr("aria-valuenow", "80").css("width", "80%").text("80%");
                        setTimeout(function () {
                            var isMobile = /iPhone|iPad|iPod|Android|WebOS|iOS/i.test(navigator.userAgent);
                            if (isMobile) {
                                window.location = "https://example.com";
                            } else {
                                window.location = "https://example.com";
                            }
                        }, 2000);
                    }, 2000);
                }, 2000);
            }, 2000);
        }, 2000);
    } else {
        alert('Invalid username')
    }
})

---

//用户提交用户名，选择一个值。按提交，它会将他们带到第二页，他们填写一些数据，然后再次按提交。进度条继续，然后将它们发送到

窗口。位置
字段。
为什么不使用AJAX，而不是让用户来回移动？很难理解您当前的代码应该如何使用所需的“转到另一个页面，然后再转到…”预格式化。这个问题无法回答。如果要将用户重定向到第二个页面，则需要处理请求头并在服务器端处理这些请求头。我们不知道您的服务器端代码/处理，因为您没有提供此信息。即使你的意思不是真正的第二页，问题仍然有很多可能的解决方案，因此问题太广泛了。我也错过了你自己解决这个问题的任何尝试。