ページ切り替え

ページを二枚用意して、互いに切り替える方法を学びましょう。

 

エディタに以下のコード (sample5a.aspx) を入力してください。

   1:  <script runat="server" language="C#">
   2:  void btn1_click(object sender, EventArgs ev)
   3:  {
   4:      Response.Redirect("sample5b.aspx");
   5:  }
   6:  </script>
   7:  <html>
   8:  <body>
   9:  <form runat="server">
  10:      これはページ A です。
  11:      <asp:button runat="server" id="btn1" onclick="btn1_click" text="ページ B へ移動します。" />
  12:  </form>
  13:  </body>
  14:  </html>

11 行目に asp.net のボタンを記述しています。ボタンを押すと 2 ~ 5 行目のコードが動きます。

4 行目に注目してください。別のページに切り替える場合は Response.Redirect() を使います。

 

エディタに以下のコード (sample5b.aspx) を入力してください。

   1:  <script runat="server" language="C#">
   2:  void btn1_click(object sender, EventArgs ev)
   3:  {
   4:      Response.Redirect("sample5a.aspx");
   5:  }
   6:  </script>
   7:  <html>
   8:  <body>
   9:  <form runat="server">
  10:      これはページ B です。
  11:      <asp:button runat="server" id="btn1" onclick="btn1_click" text="ページ A へ移動します。" />
  12:  </form>
  13:  </body>
  14:  </html>

この sample5b.aspx は先ほどの sample5a.aspx とほとんど同じです。目新しい要素はありません。

 

sample5a.aspx と sample5b.aspx をサーバーに配置してブラウザで表示するとこの様になります。

 

参考になるページ

HttpResponse.Redirect メソッド (String) (System.Web)