WEB开发网
开发学院网页设计JavaScript JavaScript与Web Service组合实现无刷新交互(扩展... 阅读

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

 2010-09-14 13:32:00 来源:WEB开发网   
核心提示: <asp:ScriptManager ID="ScriptManager1" runat="server"><Services><asp:ServiceReference Path="UserInfoWebSe

<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>

上一页  1 2 3 4 5 6  下一页

Tags:JavaScript Web Service

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接