使用JQuery或AJAX从数据库填充TextBox

时间:2009-11-27 04:17:42

标签: asp.net javascript jquery ajax

我有以下情况: 一个SQL 2000数据库,其中包含一个包含UserID和UserName列的表。 带有TextBox1和TextBox2的网页。

我需要使用JQuery,纯JavaScript或AJAX来完成以下操作:当我在TextBox1中键入UserID并按Tab键时,TextBox2将填充相应的UserName。

我在ASP.NET中使用C#实现了这个实现并调用了一个Web服务,但是我想在进行表搜索时避免回发,我知道JavaScript或AJAX是可行的方法。

谢谢。

2 个答案:

答案 0 :(得分:4)

有几种不同的方法可以做到这一点。最简单的方法是使用UpdatePanel。这基本上是一个解决方案,它将与您现有的代码一起使用。

如果你想使用jQuery,你需要添加一个webservice或其他东西来返回数据。您可以像这样使用jQuery调用web服务

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

答案 1 :(得分:0)

使用AJAX。

jQuery有一些内置的ajax功能。

您可以向服务器发出AJAX请求并获取结果并将结果填充到文本框中。