YUI 3 通过单击按钮进行 AJAX 调用并填充文本框

Question

我正在使用ASP.NET MVC 3与Razor. 我正在使用YUI 3.4.1.

我有一个网页，上面有一个带有文本框的按钮。当用户单击按钮时，我会对数据库进行 AJAX 调用，然后文本框将填充返回的数据（与该按钮位于同一页面上）。目前正在使用 jQuery 完成此操作。下面是代码，我如何使用 YUI 3.4.1 做同样的事情？我需要研究什么？是否已经有可用的样品？

这是当前的代码：

$('#btnPrepopulateEmployeeDetails').click(function () {
     var url = '/GrantApplication/GetEmployeeInfo';
     var data = { employeeNumber: $('#EmployeeNumber').val() };

     $.getJSON(url, data, function (data) {
          $('#Title').val(data.Title);
          $('#FirstName').val(data.NickName);
          $('#LastName').val(data.Surname);
          $('#BranchNumber').val(data.BranchID);
          $('#WorkTelephoneNumber').val(data.TellO);
          $('#CellphoneNumber').val(data.TellC);
     });
});

btnPrepopulateEmployeeDetails是按钮标签的 id。Title thru CellphoneNumber都是需要填充的文本框。

我感谢所有的反馈:)

Answer 1

如果能够展示您迄今为止所尝试过的内容以及遇到的困难，那就太好了。就样本而言，文档非常丰富。足以阅读。

反正：

Y.on('load', function (e) {
    Y.one('#btnPrepopulateEmployeeDetails').on('click', function (evt) {
        evt.preventDefault();
        var data = { employeeNumber: Y.one('#EmployeeNumber').get('value') };
        Y.io('/GrantApplication/GetEmployeeInfo', {
            method: 'GET',
            data: data,
            on: {
                success: function (id, result) {
                    var json = Y.JSON.parse(result.responseText);
                    Y.one('#Title').set('value', json.Title);
                    Y.one('#FirstName').set('value', json.NickName);
                    Y.one('#LastName').set('value', json.Surname);
                    Y.one('#BranchNumber').set('value', json.BranchID);
                    Y.one('#WorkTelephoneNumber').set('value', json.TellO);
                    Y.one('#CellphoneNumber').set('value', json.TellC);
                }
            }
        });
    });
});