Javascript调用Webservice的多种方法
更新时间：2009年02月06日 02:39:23 作者：
通过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"><!--
//test function with get method.
function RequestByGet(data){
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
//Webservice location.
var URL="http://localhost:1323/WebSite6/Service.asmx/SayHelloTo?Name=Zach";
xmlhttp.Open("GET",URL, false);
xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=utf-8");
xmlhttp.SetRequestHeader ("SOAPAction","http://tempuri.org/SayHelloTo");
xmlhttp.Send(data);
var result = xmlhttp.status;
//OK
if(result==200) {
document.write(xmlhttp.responseText);
}
xmlhttp = null;
}
//test function with post method
function RequestByPost(value)
{
var data;
data = '<?xml version="1.0" encoding="utf-8"?>';
datadata = data + '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">';
datadata = data + '<soap:Body>';
datadata = data + '<SayHelloTo xmlns="http://tempuri.org/">';
datadata = data + '<Name>'+value+'</Name>';
datadata = data + '</SayHelloTo>';
datadata = data + '</soap:Body>';
datadata = data + '</soap:Envelope>';
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
var URL="http://localhost:1323/WebSite6/Service.asmx";
xmlhttp.Open("POST",URL, false);
xmlhttp.SetRequestHeader ("Content-Type","text/xml; charset=gb2312");
xmlhttp.SetRequestHeader ("SOAPAction","http://tempuri.org/SayHelloTo");
xmlhttp.Send(data);
document.write( xmlhttp.responseText);
}
// --></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
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).
to use the "WebService" behavior, you must attach it to an element using the STYLE attribute, as follows:
style="behavior:url(webservice.htc)">
附上ibm上面有关ajax调用webservice的文章:
使用 Ajax 调用 SOAP Web 服务，第 1 部分: 构建 Web 服务客户机
相关文章
这篇文章主要介绍了.NET 6新特性试用之Nuget包验证，将.NET类库打包成Nuget包，以便多个项目公用，下面我们就来学习西还内容，详细资料需要的朋友可以参考下面文章2022-03-03
Asp.net之TextBox只允许输入数字的方法总结，需要的朋友可以参考一下2013-02-02
这篇文章主要为大家详细介绍了.Net MVC 网站中配置文件的读写，感兴趣的小伙伴们可以参考一下2016-08-08
近期做的一个网站需要一个无限级下拉列表的无限级分级功能，于是就有了下面的小作品。 开始以为无限级下拉列表功能应该很简单，无非就是用一个递归算法就好啦，但是在做起来的时候却会遇到一些比较模糊的东西。2008-07-07
这篇文章主要介绍了GridView控件实现数据的修改,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了ASP.NET中ServerPush用法,实例分析了通过ServerPush实现服务器推送功能,需要的朋友可以参考下2015-06-06
这篇文章主要为大家介绍了微信平台开发ASP.NET MVC接入微信公共平台实现过程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-04-04
Request.UrlReferrer可以获取客户端上次请求的url的有关信息，接下来为大家详细介绍下Request.UrlReferrer使用方法，感兴趣的朋友可以参考下哈，希望对你有所帮助2013-04-04
详解ASP.NET MVC下的异步Action的定义和执行原理
这篇文章主要介绍了详解ASP.NET MVC下的异步Action的定义和执行原理，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-12-12
在实际开发中有时需要获取新增加的记录的ID。如以新增加ID为文件名生成静态页等2012-03-03
最新评论