JavaScript与Web Service组合实现无刷新交互(扩展)－－查询数据库

<asp:ScriptManager ID="ScriptManager1" runat="server">
　　　　<Services>
　　　　　<asp:ServiceReference Path="UserInfoWebService.asmx" InlineScript="true" />
　　　　</Services>
　　</asp:ScriptManager>

下面我们来下实现通信和处理请求及处理响应的客户端JavaScript方法；

在定义方法前我门先在页面上写一个文本框和一个按扭。文本框提供数据输入，按扭执行向服务端方法请求查询数据库操作。html代码如下：

请输入ID：

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<input id="Button1" type="button" value="查询" onclick="showUserInfo()" />

现在该是写JavaScript方法的时候了。

<script language="javascript" type="text/javascript">
function showUserInfo()
{
　　var id=document.getElementById("TextBox1").value;
　　UserInfoWebService.GetUserInfo(id,onGetUserInfoSuccess);
}
　　　　　　
function onGetUserInfoSuccess(user)
{
　　document.getElementById("id").innerText=user.UserId;
　　document.getElementById("name").innerText=user.UserName;
　　document.getElementById("sex").innerText=user.UserSex;
　　document.getElementById("age").innerText=user.UserAge;
　　document.getElementById("tele").innerText=user.UserTelephone;
　　document.getElementById("address").innerText=user.UserAddress;
}
</script>