#jquery #asp.net-mvc #ajax #asp.net-mvc-3 #yui
#jquery #asp.net-mvc #ajax #asp.net-mvc-3 #yui
Вопрос:
Я использую ASP.NET MVC 3
with 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
это идентификатор тега button. Title thru CellphoneNumber
все текстовые поля, которые необходимо заполнить.
Я ценю все отзывы 🙂
Ответ №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);
}
}
});
});
});