Js 调用 WebService心得总结

转载 2006年05月24日 14:06:00
页面: 
  <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>

(作者:李天平    转载请注明)

js跨域调用WebService的简单实例

步骤1. 在web.config中的system.web节点里加入 步骤2. webservice代码 using System; ...
  • zdhlwt2008
  • zdhlwt2008
  • 2016年12月29日 10:53
  • 4331

使用JS调用WebService示例

使用JS调用WebService简单示例
  • wc49789
  • wc49789
  • 2017年02月22日 16:50
  • 603

JS调用WebService示例

原文地址:http://www.cnblogs.com/puresoul/archive/2010/08/19/1803567.html  要想实现JS调用WebService,可以...
  • shang674544686
  • shang674544686
  • 2013年07月02日 18:19
  • 1230

利用JavaScript SOAP Client直接调用webService --完整的前后台配置与调用示例

在前端javascript代码中直接调用webService服务,可以将后台调用webService的业务代码转移到前台,这样做的好处是: 1) 减少了后台编码量; 2) 在特定的情况下有助于减轻...
  • hu_shengyang
  • hu_shengyang
  • 2013年01月04日 17:15
  • 18148

使用JS、ajax访问WebService跨域

通过js来访问webservice有两种不同的形式 1、通过SOAP协议进行访问。 发送的全部是XML数据,且必须是POST请求。 2、通过HTTP的get/post方式进行访问。 此种情况又...
  • qq_18895659
  • qq_18895659
  • 2016年06月29日 19:32
  • 5902

新手初识webservice-实践篇

理论背景:《新手初识webservice-理论篇》http://my.oschina.net/achi/blog/52766 编程语言:Java 必要技能:JavaWeb,MVC,Spri...
  • u010535345
  • u010535345
  • 2016年01月15日 10:47
  • 414

js表单验证自我总结

[html]          function cancel(){        document.getElementById("Form").reset();...
  • qwertlijia
  • qwertlijia
  • 2014年04月08日 16:37
  • 316

Ajax调用WebService(一)

原文出处:http://blog.csdn.net/vs_sundaylove/article/details/6586113 一些感悟:  最近工作一直都很忙。很久没有更新自己的博客了。...
  • chelen_jak
  • chelen_jak
  • 2016年07月16日 11:36
  • 1716

WebService学习总结

本文出自 http://www.cnblogs.com/ 的 孤傲苍狼  原文网址: http://www.cnblogs.com/xdp-gacl/category/629559.ht...
  • H_O_W_E
  • H_O_W_E
  • 2016年03月10日 17:34
  • 1175

js基础学习之--DOM总结

DOM总结 JavaScript组成部分以及关系图     DOM概念 : DOM是文档对象模型(Document Object Model)的简称,它的基本思想是把结构化文档...
  • b1244154318
  • b1244154318
  • 2016年07月23日 00:35
  • 332
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Js 调用 WebService心得总结
举报原因:
原因补充:

(最多只允许输入30个字)