用javascript调用.net webservices实例

用javascript调用webservices 是项目开发当中的一项非常实用的技术。下面我们就以两个数的加法为例说明如何使用javascript调用.net web服务。

首先有一个.net web服务，实现的功能为接收两个参数，做加法运算，并将结果返回。

webservice实现加法的方法如下：
     [WebMethod]
    public double Add(double a,double b)
    {
         //简单的web服务
        return a+b;
    }

默认的web服务是不能被javascript调用的，因为默认的web服务只支持POST方式，不支持GET方式。所以必须在web.config手动添加添加

webServices配置节点。
   <webServices>
      <protocols>
        <add name="HttpPost" />
        <add name="HttpGet" />
      </protocols>
    </webServices>

web服务创建好并进行正确的配置就可以用JAVASCRIPT进行调用了：

    <script language =javascript>
        function callService()
        {
            //js调用后台的web服务
            docsubmit =new ActiveXObject("microsoft.xmldom");
            docsubmit.async = false; 
           
            //取得用户输入值,
            var a=document.getElementById ("a").value;
            var b=document.getElementById ("b").value;
            //指定web服务的路径，方法和需要传递的参数,注意参数名一定要和webservies方法里面的参数名一致；
            docsubmit.load("http://localhost/JsCallWebService/WebService.asmx/Add?a="+a+"&b="+b);  
            window.document .getElementById ("res").innerText ="计算的结果是："+docsubmit.text;
        }
    </script>

    <div>
    <span >js调用web服务</span> <br />
    <input id="a"  type ="text"/><br />
    <input id="b"  type ="text"/>
    <span id="res"></span>
    <input id="Button1"  onclick ="callService()" type="button" value="调用web服务" />
    </div>