と を使用ASP.NET MVC 4
してjQuery
います。ビューにボタン コントロールがあります。クリックすると、部分ビューがビューに「挿入」されます。ページを更新すると、部分的なビューが消えます。
私のHTMLマークアップ:
<button id="RetrieveButton" type="button">Retrieve</button>
<div id="RuleDetails">
<div class="main-content">
<p>Some text.</p>
</div>
</div>
HTMLを返すAJAX呼び出しで部分ビューを返す私のjQuery:
$('#RetrieveButton').click(function () {
$.ajax(
{
type: 'POST',
url: '@Url.Action("GetRuleDetails")',
data: {
systemCode: $('#SystemCodes').val()
},
dataType: "html",
success: function (result) {
alert('success');
var domElement = $(result);
$("#RuleDetails").html(domElement);
},
error: function (result) {
alert('error');
}
});
});
私の行動方法:
public ActionResult GetRuleDetails()
{
RuleViewModel viewModel = new RuleViewModel();
return PartialView("_RuleInformation", viewModel);
}
私の部分的な見解:
@model MyProject.ViewModels.Rules.RuleViewModel
<div class="main-content">
<h2>Rule Details</h2>
</div>
ページを更新する場合は、この「挿入された」部分ビューをそこに残す必要があります。現在、リフレッシュすると「リセット」され、注入された部分はなくなりました。