javascript如何访问WebService


原理:异步提交POST数据到Web Services的方法上,分析返回的xml数据,获得结果。下面是用比较流行的Ajax框架JQuery来实现刚才的操作。



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  <html xmlns="http://www.w3.org/1999/xhtml">

  <head>

 <title></title>

 <script type="text/javascript" src="jquery-1.4.min.js"></script>

 <script type="text/javascript">

 var calc = function() {

 var a = parseInt($('#numberA').val());

 var b = parseInt($('#numberB').val());

 /// 这个为Web服务公开的方法所在的URL

   var methodPath ='./Math.asmx/Add';

 /// Web服务方法所需的参数

   var params= { a: a, b: b };

 $.post(methodPath, params, function(msg) {

 /// 异步请求成功以后返回的数据为msg,需要通过分析xml来获得返回结果

   $('#result').val($('int', msg).text());

 });

 };

 </script>

 

  </head>

  <body>

 <div>

 <input type="text" id="numberA"/>

 +

 <input type="text" id="numberB"/>

 =

 <input type="text" id="result"/><br />

 <input type="button" value="计算" onclick="calc();"/>

 </div>

  </body>

  </html>

 

你可能感兴趣的:(JavaScript)