【转】Js 调用 WebService心得总结

本文介绍如何使用ASP.NET Web Service进行数据实时更新。通过客户端JavaScript定时调用WebService获取最新数据并显示在页面上。此外,还涉及了在不同.NET Framework版本下使用WebService的方法差异。

页面:
  <INPUT type="button" value="Button" onclick="getdata()"><br>
  <span id="div1" class="list"></span>   <script language=javascript>
     setInterval(getdata,1000); //动态定时调用
   </script>脚本:   <SCRIPT ID="clientEventHandlersJS" LANGUAGE="javascript">
  function getdata()
  {
    var index=0;  
    docSubmit =new ActiveXObject("Microsoft.XMLDOM");
    docSubmit.async = false;  
    docSubmit.load("http://localhost/WebApplication1/Service1.asmx/GetData?maxval=5");  
    docSubmit.loadXML(docSubmit.xml.replace(/&lt;/g,"<").replace(/&gt;/g,">"));
      
    var s=""; 
    nodeList=docSubmit.documentElement.getElementsByTagName("ds");
    for (i=0;i<nodeList.length;i++)
    {
     s=s+nodeList(i).selectSingleNode("KeShimch").text+'<br>';
    }
    div1.innerHtml ="";
    div1.innerHTML=s;
    div1.style.visibility="visible";      
  }   
  </script>

//如果返回是个字符串:  

<SCRIPT ID="clientEventHandlersJS" LANGUAGE="javascript">
   function chang()
   {        
    docSubmit =new ActiveXObject("Microsoft.XMLDOM");
    docSubmit.async = false;  
    docSubmit.load("http://localhost/Advertisement/ADService.asmx/GetADCode?ADID=1");  
       
    var s=docSubmit.documentElement.text; 
   
    window.alert(s);   
    td_AD.innerHTML=s;       
   }  
   //setInterval(chang,2000);//间隔执行     
  </script>

注意:在fromework1.0和1.1是有区别的,
在1.1的 machine.config (C:\WINNT\Microsoft.NET\Framework\v1.1.4322\CONFIG),默认webservice去除了post,get方法
你可在你的 machine.config 中加上 或者 只在 webServices 项目的 Web.config 的<system.web>里加上:
<webServices>
     <protocols>
       <add name="HttpPost" />
       <add name="HttpGet" />
     </protocols>
</webServices>

否则,在ie地址栏输入 webServices 访问地址串时,提示:请求格式无法识别。
还有docSubmit = new ActiveXObject("MSXML2.DOMDocument");  //1.0
换成docSubmit =new ActiveXObject("Microsoft.XMLDOM");  //1.1
-----------------------------------------------------------------------

web服务方法: 

 [WebMethod]
  public string GetData(string maxval)
  {  
   BaseClass.DbManagerSql dbm=new BaseClass.DbManagerSql();
   string strSql="select * from s_KeShi where Keshidm>"+maxval;
   DataSet ds=dbm.Query(strSql);
   return ds.GetXml();
  }

返回的xml数据: 

<?xml version="1.0" encoding="utf-8" ?> 
<string xmlns="http://tempuri.org/">

<NewDataSet>
<ds> <KeShidm>6</KeShidm> <KeShimch>财务部</KeShimch> </ds>
<ds> <KeShidm>7</KeShidm> <KeShimch>政工部</KeShimch> </ds>
<ds> <KeShidm>8</KeShidm> <KeShimch>安质部</KeShimch> </ds>
<ds> <KeShidm>9</KeShidm> <KeShimch>电管部</KeShimch> </ds>
<ds> <KeShidm>10</KeShidm> <KeShimch>运输公司</KeShimch> </ds>
<ds> <KeShidm>11</KeShidm> <KeShimch>局长</KeShimch> </ds>
<ds> <KeShidm>202</KeShidm> <KeShimch>变电站</KeShimch></ds>
</NewDataSet>
</string>

转载于:https://www.cnblogs.com/feima-lxl/archive/2010/06/08/1754392.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值