部分描画とJavaScript

「マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

目次 †

概要 †

クライアント・サイドのJavaScriptフレームワークとシームレスに連動して部分更新を実現する仕組み。

詳細 †

ASP.NET Web FormsのUpdatePanel? †

特徴 †

• UpdatePanel?を敷いた部分が部分更新となる。

• ソレ以外の部分は、全体更新と成る。

• 仕組みとしては、
  • 部分更新イベントで全情報がポストバックされ、
  • 対象となるイベント・ハンドラが実行され、
  • 部分更新される部分のHTMLが返され、
  • 返されたHTMLがレンダリングされる。

参考 †

• ＠IT

• ［ASP.NET AJAX］UpdatePanel?コントロール利用時の注意点とは？［2.0のみ、C#、VB］
  https://www.atmarkit.co.jp/fdotnet/dotnettips/672aspajaxasyncpost/aspajaxasyncpost.html

• 第2回　PageRequestManager?クラスでUpdatePanel?コントロールを極める！（1/5）
  https://www.atmarkit.co.jp/fdotnet/ajaxlib/ajaxlib02/ajaxlib02_01.html

ASP.NET MVCのAjax.BeginForm? †

特徴 †

• Html.BeginFormと
  • モジュール構造は大きく変わらない。
    （部分ビューは、共通化目的でHtml.BeginForm?にも存在する。）

• ただし、以下のように動作は大きく異なる。
  • jQueryを使用してリクエストし、
  • 更新部位のレスポンスを受けてJavaScriptで描画。

• 部分更新のターゲットを意識する必要がある。
  • 送信時に設定したターゲット以外を更新しようとして、結果的に画面遷移する場合、
  • RedirectToAction?・RedirectToRoute?等でActionResult?を返すことが出来ないので、
    JavaScriptResult?等でJavaScriptを返し、画面遷移をする必要がある。

disconへ。 †

以下の問題が大きかったのか、ASP.NET Core MVCで、disconとなっている。

参考 †

• 連載：ASP.NET MVC入門：第3回
  ActionResult?オブジェクトでアクション操作も自由自在 (4-5) - ＠IT
  http://www.atmarkit.co.jp/ait/articles/0907/10/news109_4.html

  その性質上、Ajax通信の結果をページの一部に
  反映させるようなケースで利用することになるだろう。

• ASP.NET MVC で Ajax を使った時の書き方に悩んだ - dunno logs
  http://dany1468.hatenablog.com/entry/2013/01/08/144546

部分描画の問題点 †

懸念 †

もともと、ASP.NET Web FormsのUpdatePanel?では、

• ScriptManager?がブラックボックスで
• 他のJavaScriptに干渉する可能性があり。
• 危なっかしくて触りたくない感があった。

実際 †

実際のトコロ、

• JavaScriptの挙動の分析が困難になり、
  特に、サーバー側でJavaScriptを生成してUIを制御しているとき
  問題発生時のトラブルシュートが難しくなることがある。

• 部分描画では、ブラウザがレスポンス待ちかどうかユーザが識別できず、
  レスポンスに時間が抱えるケースで、UXが低下するという問題を生んだ。