と を使用ASP.NET MVC3
してYUI3
います。ビューにボタンがあります。クリックすると、コントローラーのアクション メソッドへの AJAX 呼び出しが行われます。このメソッドは HTML を返すので、この HTML を取得して、返された HTML に HTML コントロールのコンテンツを設定する必要があります。
私は動作するjQueryで次のものを持っています:
$(document).ready(function () {
$('#VerifyButton').click(function () {
$.ajax(
{
type: "POST",
url: "/Server/GetChangeIncidentDetails",
data: { changeIncidentNumber: $('#ChangeIncidentNumber').val() },
dataType: "html",
success: function (result) {
var domElement = $(result); // create element from html
$("#changeImDetails").html(domElement); // append to end of list
}
});
});
});
YUI3でまったく同じことをするにはどうすればよいですか? 私は次のものを持っていますが、正しい軌道に乗っているかどうかわかりませんか?
YUI().use('event', 'node', 'io', function (Y) {
Y.one('#VerifyButton').on('click', function (e) {
alert('button clicked');
e.preventDefault();
alert(Y.one('#ChangeIncidentNumber').get('value'));
var data = { changeIncidentNumber: Y.one('#ChangeIncidentNumber').get('value') };
Y.io('/Server/GetChangeIncidentDetails', {
method: 'POST',
data: data,
on: {
success: function (id, result) {
//var json = Y.JSON.parse(result.responseText);
//Y.one('#Title').set('value', json.Title);
alert(result);
}
}
});
});
});
私のアクション メソッドは、部分ビューを返すだけです。
return PartialView("ChangeInformation", viewModel);