JavaScript 调用 Web Service 的多种方法

最新推荐文章于 2022-10-13 15:06:21 发布

weixin_30706691

最新推荐文章于 2022-10-13 15:06:21 发布

阅读量93

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hmyprograming/archive/2012/10/22/2734629.html

版权

通过 xmlhttp+webservice( 原始方法 )

using System;
using System.Web;
using System.Web.Services;
using System.Web.Services.Protocols;
[webservice(namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
public class Service : System.Web.Services.WebService
{
public Service ()
{
//uncomment the following line if using designed components
//InitializeComponent();
}
[webmethod]
public string SayHelloTo(string Name)
{
return "Hello "+Name;
}
}

还是俗了点。:)

2. js 调用 webservice+xmlhttp 的实现部分。

<html>
<title>Call webservice with javascript and xmlhttp.</title>
<body>
<script language="javascript">

</script>

<input type="button" value="CallWebserviceByGet" onClick="RequestByGet(null)">
<input type="button" value="CallWebserviceByPost" onClick="RequestByPost('Zach')">
</body>
</html>

对于使用 post 方法需要发送的那堆东东可以在 webservice 的测试页面中找到，自己拼凑加上对应的参数就可以。

通过 style.behavior 来实现的方法 ( 比较简单 )

function getfemale()

{

// 第一个参数是 webservice 的 url，后面是名称

female.useService("news.asmx?WSDL","news");

// 设置一个回调函数，service 返回结果的时候回调；第一个参数是回调函数的名称，后面的是 webservice 的参数

intCallID=female.news.callService(female_result,"getphoto","female"); // 这里有两个参数 .....

}

function female_result(result)// 回调函数

{

if(result.error)

{

female.innerHTML=result.errorDetail.string;

}

else

{

female.innerHTML=result.value; // 将 webservice 返回的结果写如 div 中

}

页面显示部分： <div id="female" style="BEHAVIOR:url(WebService.htc)"></div>

ok，这给我们在静态页调用动态的内容提供了一种途径；

这里如果给 getfemale() 函数加上定时调用的话，就是一种无刷新更新页面的机制了。

缺点是 webservice 会有一定的延迟，即使是本地的 webservice 也会比静态页面慢很多，初次打开页面会感觉很不协调。

第二种方法使用了 style. 代码就简洁多了他使用了 css. 定义了 div 的行为 . 比起第一种方法 , 就易读多了 :)

style="behavior:url(webservice.htc)"

前提条件是 :

if you are using Microsoft IE 5 or later, you can use the behavior/HTML-Component "WebService" to access a Web service. The "WebService" behavior communicates with Web services over HTTP using Simple Object Access Protocol (SOAP).

附注 : 另一个总结帖子在 :http://goody9807.cnblogs.com/archive/2005/08/17/216725.html

calling WebServices using Javascript

to use the "WebService" behavior, you must attach it to an element using the STYLE attribute, as follows:

style="behavior:url(webservice.htc)">

转载于:https://www.cnblogs.com/hmyprograming/archive/2012/10/22/2734629.html