jquery - jquery に Html.Action を追加する方法

Question

追加できますか

$("#report").html('Html.Action("ReportPage", new { id = Model.GoalId })')

ここで、レポートは、アクションの結果を配置する div の ID です。ReportPage id は、ReportPage actionresult に渡すパラメーターです。

Answer 1

これを実現するには、サーバー タグを使用する必要があります。そう：

$("#report").html('@Html.Action("ReportPage", new { id = Model.GoalId })')

また

$("#report").html('<%= Html.Action("ReportPage", new { id = Model.GoalId }) %>')

これがアクション ReportPage の結果の意味である場合。

ただし、アクション ReportPageの結果によって、MVC アクションが返す実際の結果 (つまり、ビュー、json ..) を意味する場合は、次のようなものを使用する必要があります。

$.get('@Html.Action("ReportPage", new { id = Model.GoalId })', function(data) {
  $("#report").html(data);
});

お役に立てれば

PS: jQuery.get() の詳細については、http ://api.jquery.com/jQuery.get/ を参照してください。

Answer 2

このようにして、アクション html はメイン ページの読み込み後に ajax によって読み込まれます。

CSS

.support {display: hidden;}

html

<div class="support">
    <div class="report-page">
        <a href="Url.Action("ReportPage", new { id = Model.GoalId })" />
    </div>
</div>

js

var url = $('.support .report-page a').prop('href');
$.get(url, null, function(html){
    $('#report').html(html);
}, html);

---

または、1 つの http リクエストのみが必要な場合は、次のようにすることができます。

CSS

.support {display: hidden;}

html

<div class="support">
    <div class="report-page">
        @Html.Action("ReportPage", new { id = Model.GoalId })
    </div>
</div>

js

var html = $('.support .report-page').html();
$('#report').html(html);