Заполните TextBox из базы данных, используя JQuery или AJAX

Question

У меня есть следующий сценарий: База данных SQL 2000 с таблицей, содержащей столбцы UserID и UserName. Веб-страница с TextBox1 и TextBox2.

Мне нужно использовать JQuery, простой JavaScript или AJAX для выполнения следующего: Когда я набираю UserID в TextBox1 и нажимаю клавишу Tab, TextBox2 заполняется соответствующим UserName.

У меня есть эта реализация в ASP.NET, использующая C # и вызывающая веб-службу, однако я хочу избежать обратных передач при выполнении поиска в таблице, и я знаю, что JavaScript или AJAX - это путь.

Спасибо.

Answer 1

Есть несколько способов сделать это. Самый простой - использовать UpdatePanel . В основном это будет капля в решении, которое будет работать с вашим существующим кодом.

Если вы хотите использовать jQuery, вам нужно будет добавить веб-сервис или что-то еще, чтобы вернуть данные. Вы можете позвонить в веб-сервис с помощью jQuery следующим образом

var parameters = { UserId: userId }

$.ajax({        
       type: "POST",
       url: "http://url to webservice",
       data: parameters,
       contentType: "application/json; 
       charset=utf-8",
       dataType: "json",
       success: function(result) {
              $("#id of username field").val(result);
       },
       error: function(e) {  
           alert(e);
       }
});

Answer 2

Используйте AJAX.

jQuery имеет некоторые встроенные функции ajax .

Вы можете отправить запрос AJAX на сервер, получить результат и заполнить результат в текстовом поле.