表单提交后 JavaScript 重定向不起作用。 Asp 经典、Javascript

Question

好吧，经过数小时的研究和尝试，我现在完全陷入困境。我为网页编写了很多代码，因此我将尽力对其进行总结。

所以我有这个 ASP CLASSIC 页面，用户可以在其中使用表单创建票证。编码页面由 3 个主要部分组成:

1. Javascript 客户端错误处理。
2. 提交后 ASP CLASSIC 服务器端错误处理(检查是否数据库值像电子邮件一样存在)。
3. 表单提交(发送电子邮件+将数据插入到数据库)。

提交表单后，会进行一些 ASP 错误处理。当遇到错误时，将显示一个 Javascript 弹出框，其中包含错误，并且数据提交和电子邮件将被取消。

表单会自动填充输入的值(使用 asp 代码)，以便在出现错误后输入的值保留在表单中。这一切都有效。

表单代码:

<div align="left"><form name="myForm" method="post" style="display:inline" onsubmit="return(validate());"> 


    <div class="FormTitel">Voor welke afdeling is de ticket bestemd?
    </div>


    <div class="radio">
    <input type="radio" class="radio" name="automatisering" value="Automatisering" checked <% if Request.Form("automatisering") = "Automatisering" then response.write("checked")%>>Automatisering
    <input type="radio" class="radio" name="automatisering" value="Software" <% if Request.Form("automatisering") = "Software" then response.write("checked")%>>Software
    <div id="Error1" style="display:none" color="white"></div>
    </div>


    <div class="FormTitel">Soort ticket
    </div>
     <div class="radio">
    <input type="radio"  class="radio" name="probleem" value="Probleem" <% if Request.Form("probleem") = "Probleem" then response.write("checked")%>>Probleem
    <input type="radio" class="radio" name="probleem" value="Wijziging"<% if Request.Form("probleem") = "Wijziging" then response.write("checked")%>>Wijziging
    <div id="Error2" style="display:none" color="white"></div>
    </div>

    <div class="FormTitel">Uw gegevens
    </div>
    <div>   
    <input type="text" name="Name" class="name" placeholder="Vul hier uw voor- en achternaam in" style="color:#888;" 
    onfocus="inputFocus(this)" onblur="inputBlur(this)" value="<%=Request.Form("Name")%>">
    <div id="Error3" style="display:none" color="white"></div>
    </div>
    <div>       
    <input type="text" name="EMail" class="name" placeholder="Vul hier uw emailadres in" style="color:#888;" 
    onfocus="inputFocus(this)" onblur="inputBlur(this)" value="<%=Request.Form("EMail")%>"/>
    <div id="Error4" style="display:none" color="white"></div>
    </div>

    <input type="submit" class="ticketVerstuur" value="Verstuur ticket" />  
        </form></div>

*错误 ID 是当验证返回 false 时显示的客户端样式框(使用 JavaScript)。*抱歉没有翻译标题、姓名等，但这将是一项相当艰巨的工作；)

表单中的 ASP IF 语句确保在显示错误时返回输入的值并且不会丢失。

现在来说说出错的部分。

提交后，正在通过If Request.ServerVariables("REQUEST_METHOD") = "POST" Then激活有些事情正在发生。即，输入值正在被参数化以进行sql注入(inject)，例如，某些输入值正在服务器端进行检查；数据库中是否存在提交的电子邮件？如果服务器端验证一切正常，则数据将被插入数据库并发送电子邮件。

服务器端的错误消息以 JavaScript 弹出框的形式向用户显示。这有效。

JavaScript 弹出代码:

function popup(popup,container) {

        var thisPopup = this;            

        thisPopup.load = function() {            

            container.animate({
                "opacity": "0.3"  
            },250, function() {            
                popup.fadeIn("250");            
            });    

            container.off("click").on("click", function() {
                thisPopup.unload();
            }); 

            $('#closePop').off("click").on("click", function() {            
                thisPopup.unload();             
            });                              
        }       

        thisPopup.unload = function() {            

            popup.fadeOut("250", function(){
                container.animate({
                    "opacity": "1"  
                },250);  
            });
        }
    } 

该函数在提交代码中被调用，如下所示:new popup($("#popup_box"),$("#container")).load();弹出 div 放置在表单上方，容器包裹在表单周围。 (弹出窗口有效)。

问题是，在服务器端验证一切正常之后，数据进入数据库并发送电子邮件，我弹出一个新的 JavaScript 框，表示一切都成功了。当它成功时，我想清除我的表单(以避免混淆)。

首先，我尝试使用 response.redirect ("mypage.asp") 来做到这一点。不过，当我使用它时，javascript 弹出框不会显示。然后我尝试使用 window.location.replace("http://stackoverflow.com");在我的弹出框的关闭/卸载功能上，这没有任何效果(数据没有被清除)。还尝试在卸载弹出窗口时将 var 设置为 true，然后检查 var 是否设置为 true(然后重定向)，但这也不起作用，即使是直接的 javascript 重定向，因此没有弹出窗口，在提交代码中(毕竟成功了)由于某种原因似乎不起作用。事实上，只有警报似乎有效。这里是调整后的弹出卸载的示例:

    thisPopup.unload = function() {            

window.location.replace("http://stackoverflow.com");

popup.fadeOut("250", function(){
                    container.animate({
                        "opacity": "1"  
                    },250);  
                });
            }

那么是什么原因导致这个问题以及如何解决它呢？我可以想象它需要更多的代码，所以请毫不犹豫地索要它，但这篇文章已经足够大了。

最后但并非最不重要的一点是我的代码如何设置的简短摘要:

<html>
<head>
    stylesheet
<title></title>
</head>
<body>
<javascript>
    Pop up box code + validate form code
</javascript>
<form>
</form>
</body>
</html>

<asp server side code (on submit)>
   Some functions (mail - anti injection) + request form values
   Validation server side (with javascript poups)
   Insert data in database
   Sending mail

Answer 1

我认为您的重定向方向是正确的。要在重定向后显示弹出窗口，请执行以下操作:

response.redirect "mypage.asp?ShowSuccess=true"

然后在 mypage.asp 中使用:

<%
if request("ShowSuccess") = "true" then
    onload = "alert('Success message here!');"
end if
%>
<body onload="<%=onload%>">