YUI 3ボタンからAJAX呼び出しを行い、テキストボックスをクリックして入力する

Question

ASP.NET MVC 3とRazorを使用しています。私はYUI 3.4.1を使用しています。

私はテキストボックスでボタンが付いたWebページを持っています。ユーザーがボタンをクリックすると、データベースへの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は、buttonタグの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); 
       } 
      } 
     }); 
    }); 
});