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

這本來是很好的展示你迄今爲止嘗試過，你遇到了什麼困難。就樣本而言，documentation相當豐富。只需閱讀。

總之：

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); 
       } 
      } 
     }); 
    }); 
});