Javascript 防止在重新加载整个页面时重新加载iframe/section_Javascript_Html_Asp.net

Javascript 防止在重新加载整个页面时重新加载iframe/section

javascript html asp.net

Javascript 防止在重新加载整个页面时重新加载iframe/section,javascript,html,asp.net,Javascript,Html,Asp.net,也许这是一个有点愚蠢的问题，但我想知道是否有可能防止在整个页面重新加载时重新加载iframe 我在ASP.NET中做了一个应用程序。我有一个页面，页面上有一个表单、一个tabel和一个带有iframe的部分。在那个部分我可以“上传”一个pdf文件，这个pdf文件显示在一个iframe中。像这样： <section class="invoice_file"> <div class="invoice_file_header"> <input id="upload

也许这是一个有点愚蠢的问题，但我想知道是否有可能防止在整个页面重新加载时重新加载iframe

我在ASP.NET中做了一个应用程序。我有一个页面，页面上有一个表单、一个tabel和一个带有iframe的部分。在那个部分我可以“上传”一个pdf文件，这个pdf文件显示在一个iframe中。像这样：

<section class="invoice_file">
<div class="invoice_file_header">
    <input id="upload_button" type='file' onchange="readURL(this);" />
</div>
<iframe id="upload_factuur" type="application/pdf" width="696" height="433"></iframe>
</section>

这个想法是，在pdf文件中，有一些信息。这些信息将被接收并放入表格中。当我提交表单时，数据将显示在选项卡中。但要做到这一点，页面将重新加载（重定向）。我的pdf文档部分也是如此。因此pdf文件消失，我应该再次上传该文件

因此，有没有一种方法可以防止在重新加载整个页面时重新加载节或iframe

您提到了重定向，所以我不确定这是否有效。如果您的意思是由于回发的性质而“重定向”到同一页面，那么这可能有助于实现您的目标

...
<body>
  <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"
        UpdateMode="Conditional" 
        ChildrenAsTriggers="True">
      <ContentTemplate>
        <div>
          <!-- All your Form fields-->
          <asp:Button ID="your submit button" runat="server" Text="Button"/>
        </div>
        <table id="yourtable">
        </table>
      </ContentTemplate>
    </asp:UpdatePanel>
    <section class="invoice_file">
      <div class="invoice_file_header">
        <input id="upload_button" type='file' onchange="readURL(this);" />
      </div>
      <iframe id="upload_factuur" type="application/pdf" width="696" height="433">
      </iframe>
    </section>
  </form>
</body>
...

。。。


如果重新加载外部页面，则会重新创建。如果不重新设计整个内容（这样您就可以在不重新加载while内容的情况下加载外部页面的部分内容），您就无法做到这一点。但是，您可以使用一些JS并通过AJAX推送数据，然后在不重定向的情况下重新呈现页面内容。@Pointy，好吧，我已经这么认为了，但我总是可以的ask@DmitryVolokh，那么容易吗，你能解释一下怎么做吗？@kareltjeknak这可能容易，也可能不容易。取决于您的应用/经验。尝试谷歌“ajax登录”
...
<body>
  <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server"
        UpdateMode="Conditional" 
        ChildrenAsTriggers="True">
      <ContentTemplate>
        <div>
          <!-- All your Form fields-->
          <asp:Button ID="your submit button" runat="server" Text="Button"/>
        </div>
        <table id="yourtable">
        </table>
      </ContentTemplate>
    </asp:UpdatePanel>
    <section class="invoice_file">
      <div class="invoice_file_header">
        <input id="upload_button" type='file' onchange="readURL(this);" />
      </div>
      <iframe id="upload_factuur" type="application/pdf" width="696" height="433">
      </iframe>
    </section>
  </form>
</body>
...