jQueryを使用した AJAX は、これを実現するための優れた方法です。たとえば、コンテンツ プレースホルダー div をマークアップに配置できます。
<div id="result" data-remote-url="@Url.Action("Load", "SomeController")"></div>
DOM がロードされると、次のようになります。
$(function() {
$.ajax({
url: $('#result').data('remote-url'),
type: 'POST',
beforeSend: function() {
// TODO: you could show an AJAX loading spinner
// to indicate to the user that there is an ongoing
// operation so that he doesn't run out of patience
},
complete: function() {
// this will be executed no matter whether the AJAX request
// succeeds or fails => you could hide the spinner here
},
success: function(result) {
// In case of success update the corresponding div with
// the results returned by the controller action
$('#result').html(result);
},
error: function() {
// something went wrong => inform the user
// in the gentler possible manner and remember
// that he spent some of his precious time waiting
// for those results
}
});
});
ここで、Load コントローラー アクションはリモート サービスとの通信を処理し、データを含む部分ビューを返します。
public ActionResult Load()
{
var model = ... go ahead and fetch the model from the remote service
return PartialView(model);
}
このデータのフェッチが I/O 集中型である場合は、リモート ソースからデータをフェッチするという長時間の操作中にワーカー スレッドを危険にさらすことを回避する、I/O 完了ポートの非同期コントローラーを利用できます。