【问题标题】:How to return HTML and use it on the client with YUI3如何返回 HTML 并在客户端使用 YUI3
【发布时间】:2013-03-04 08:33:04
【问题描述】:

我正在使用ASP.NET MVC3YUI3。我的视图上有一个按钮。单击它时,它会对我的控制器的操作方法进行 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);

【问题讨论】:

  • 您面临的问题/错误是什么
  • 没问题,我只是不知道我是否走在正确的道路上。我已经解决了这个问题。

标签: javascript jquery asp.net asp.net-mvc-3 yui


【解决方案1】:

我设法做到了:

success: function (id, result) {
     Y.one('#changeImDetails').setHTML(result.responseText);
}

【讨论】:

  • 如果你发出 GET 请求而不是 POST,你可以像 jQuery 那样做Y.one(foo).load(url)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-08-04
  • 2015-10-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-09-13
相关资源
最近更新 更多