如何通过YUI3返回HTML并在客户机上使用它

How to return HTML and use it on the client with YUI3

本文关键字：客户机 何通过 YUI3 返回 HTML      更新时间：2023-09-26

我使用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);

我成功做到了:

success: function (id, result) {
     Y.one('#changeImDetails').setHTML(result.responseText);
}
相关文章：