如何从服务器端关闭 jQuery (iFrame) 厚盒？

Question

如何从服务器端关闭 jQuery 厚盒 - 我想使厚盒（框架样式）从服务器中的一行关闭 - 当操作完成等时。

我使用厚盒显示文件上传对话框，一旦上传完成后，我想从服务器后面的代码中消除厚盒（就像使用“关闭”或 Esc 键一样）。

另外，当我执行 Reponse.Redirect 时，它会在厚盒中打开，我如何将整个内容重定向到新页面。

Answer 1

凯，你知道吗？ 我什至懒得等待对该评论的回应。

这个问题没有神奇的解决方案。 没有代码片段就足够了。 这个问题纯粹是概念性的，您还有一个概念需要学习。

这里的概念是如何使 Javascript 和服务器端编码协同工作以发挥您的优势。 它们是两种截然不同的生物，从服务器端执行客户端任务是行不通的。

解决这个问题有很多不同的方法。 假设（因为您没有提供任何详细信息）一旦在thickbox 中提交了表单，您希望关闭thickbox。 很公平。 我的方法是创建一个 close_this_thickbox() 函数，将其放在我的 .js 文件中，然后，提交表单后，将生成的页面打印 。

（对于最终用户来说，更简洁的解决方案可能是通过 AJAX 提交表单，然后将 close_this_thickbox 作为回调，但这对于这里的讨论来说听起来有点太花哨了。）

与上述概念类似的方法是获得所需效果的唯一方法。 您必须创建客户端代码，然后让服务器端打印对所述代码的调用。

至于应用于整个窗口的服务器端重定向，同样，如果没有相同的方法就不会发生这种情况。 您必须调用一段脚本来实现您想要的效果，而不是使用内置的服务器端重定向方法，例如 。 不可能有服务器端解决方案。

希望您能够成功应用这个概念，并祝您在 Web 开发之旅中好运。 有什么需要澄清的吗？

Answer 2

我本来打算发布一个类似的问题，然后发现了这个线程，所以我想我添加到它。 以下是详细信息。

在我的母版页中，我得到了以下触发厚盒的链接

<a runat="server" href="~/users/login.aspx?TB_iframe=true&height=160&width=260" class="thickbox">login</a>

这是我的login.aspx页面的HTML

<div runat="server" id="divAuthenticate" style="margin: 0px 10px 0px 10px;">
  <div class="row">
  <asp:label runat="server" associatedcontrolid="txtUserEmailAddress" text="Email Address"/>
  <asp:textbox runat="server" id="txtUserEmailAddress" cssclass="defaultTxt" width="260px" />
  </div>
  <div class="row">
  <asp:label runat="server" associatedcontrolid="txtUserPassword" text="Password" />
  <asp:textbox runat="server" id="txtUserPassword" cssclass="defaultTxt" width="260px" />
  </div>
  <div class="row">
  <asp:label id="lblMsg" runat="server" forecolor="Red" />
  </div>
  <div class="row" style="text-align:right;">
  <asp:button runat="server" id="cmdLogin" cssclass="button" text="login" />
  </div>
</div>

  <div id="divContinue" style="margin: 40px;" runat="server" visible="false">
  <asp:button runat="server" id="cmdContinue" cssclass="button" text="Continue..." onclientclick="self.parent.tb_remove();self.parent.location.reload(true);"  />
  </div>

，我的login.aspx页面背后的代码如下

    Protected Sub cmdLogin_Click(ByVal sender As Object, ByVal e As EventArgs) Handles cmdLogin.Click

    If users.authenticate(txtUserEmailAddress.Text, txtUserPassword.Text) = sqlHelpers.userCommand.success Then

        'store the username so that next time around we can load it to the username textbox
        Dim cookie As New HttpCookie("username")
        cookie.Values.Add("userName", txtUserEmailAddress.Text)
        cookie.Expires = DateTime.Now.AddDays(5)
        Response.Cookies.Add(cookie)

        FormsAuthentication.SetAuthCookie(txtUserEmailAddress.Text, True)

        divAuthenticate.Visible = False
        divContinue.Visible = True

    Else
        lblMsg.Text = "invalid username or password!"

    End If
End Sub

所以当用户成功验证时我只需隐藏一个div并显示另一个。 另一个包含继续按钮，用于关闭厚盒并重新加载父级。 现在这不是最好的解决方案，但它可以工作，希望有人可以提供一些代码，在成功提交任务后触发厚盒的自动关闭。

Answer 3

如果我正确理解你的问题...

你无法从服务器端与 javascript 交互。 两者是相互独立的。 无论你在服务器上做什么，已经渲染的 JavaScript 都不会改变。 您想“关闭”它以便在页面加载时将其关闭吗？ 但如果它已经加载，您在服务器上执行的任何操作都不会将其关闭。

其次，如果您在服务器上使用asp 使用response.redirect，并且它是由javascript 调用的，那么您只需重定向ajax 请求中的内容即可。 您必须从客户端重新加载才能更改当前脚本。

如果我假设不正确，请纠正我。

Answer 4

这是你需要的吗？

OnClick="self.parent.tb_remove();self.parent.location.href = 'Checkout.aspx';"

我想我正在做类似的事情。 Checkout 按钮位于粗框中，当单击 checkout 时，它会重定向到 Checkout.aspx