javascript如何访问WebService

最新推荐文章于 2019-01-08 04:52:34 发布

转载最新推荐文章于 2019-01-08 04:52:34 发布 · 113 阅读

文章标签：

#xhtml #javascript #ViewUI

本文详细介绍了如何利用JQuery框架实现与WebServices的异步交互，包括数据的POST提交及从返回的XML中提取结果的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


原理：异步提交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>