Inhalt innerhalb eines Iframe mit Ajax laden

Question

Ich habe einen iframe, der auf der Serverseite funktioniert:

<iframe frameborder="0" runat="server" style="width: 100%; height: 700px; background-color: #bacad3;" id="I1" name="I1" src="Page.aspx"></iframe>

und ich ändere den Inhalt dynamisch mit diesem Code:

protected void Button1_Click(object sender, EventArgs e)
{       
   I1.Attributes["src"] = "Page.aspx";
}

Ich möchte es mit Ajax in der folgenden Weise zu implementieren:

1. Wenn der Benutzer aus dem Iframe klickt, wird die Seite nicht zurückgespielt und die src des Iframe geändert
2. Ich möchte den Fortschritt im Progressupdatepanel anzeigen

Ich erwähnen, dass ich keine Postback nur Laden von Seite innerhalb der Iframe mit Ajax durch Aufruf außerhalb von Iframe zum Beispiel gibt es eine Schaltfläche in der Seite und es wird von Update-Panel behandelt und es lädt den Inhalt der anderen Seite innerhalb der Iframe. Kann mir jemand helfen?

Answer 1

Mit onClientClick und mmke stellen Sie sicher, dass Sie false zurückgeben, um das Postback abzubrechen.

window.frames["frameName"].src = "http://example.com";
//or
document.getElementById("iframeId").src = "http://example.com";

Wenn Sie runat=server verwenden, müssen Sie möglicherweise die Client-ID verwenden

document.getElementById("<%= iframeId.ClientID %>").src = "http://example.com";

Answer 2

Ich fand heraus, dass es nicht möglich ist, mit dieser Methode können Sie nicht entfernen, Postback es braucht Proxing-Methode wie Google Mail (Gmail), wenn Sie auf Posteingang es apears im Recht ohne Postback, aber wir können nicht mit dieser Methode zu implementieren.