纯js调用webservice接口怎么调用

一、纯js调用webservice接口怎么调用

使用JavaScript直接调用Web服务接口，可以通过XMLHttpRequest对象实现。在IE浏览器中，XMLHttpRequest通常被实现为ActiveX对象，可以使用如下方式创建：var xmlhttp= new ActiveXObject("Msxml2.XMLHTTP")或var xmlhttp= new ActiveXObject("Microsoft.XMLHTTP")。接着，利用xmlhttp对象的open方法发送HTTP请求，如xmlhttp.open("GET", fragment_url);

当请求返回时，需要注册一个匿名函数给xmlhttp对象的onreadystatechange方法，以便请求返回时自动调用。下面是一个实例代码：xmlhttp.onreadystatechange= function(){ if(xmlhttp.readyState== 4&& xmlhttp.status== 200){ element.innerHTML= xmlhttp.responseText;}}。由于无需发送额外数据，使用xmlhttp.send(null)结束请求。

将上述过程封装为一个函数，如下所示：function loadFragmentInToElement(fragment_url, element_id){ var element= document.getElementById(element_id); var xmlhttp= new ActiveXObject("Msxml2.XMLHTTP"); xmlhttp.open("GET", fragment_url); xmlhttp.onreadystatechange= function(){ if(xmlhttp.readyState== 4&& xmlhttp.status== 200){ element.innerHTML= xmlhttp.responseText;}} xmlhttp.send(null);}

调用该函数示例如下：loadFragmentInToElement("","DynamicContent_id");

结合JavaScript的定时函数，可以实现定时更新数据。以下代码每隔5秒更新一次element_id的数据：function refresh(element_id){ loadFragmentInToElement("show.php", element_id); setTimeout("refresh("+ element_id+")", 5000);}

通过上述方式，可以实现JavaScript与Web服务接口的无缝集成，从而在Web应用中实现动态内容更新等功能。

在实际应用中，还可以根据需要调整请求方法（如POST）和请求参数，以满足不同Web服务接口的要求。通过这种方式，开发者可以灵活地实现各种动态内容展示和交互功能。

值得注意的是，不同浏览器对XMLHttpRequest的支持可能存在差异，因此在实际开发中，建议进行兼容性测试，确保代码在不同环境中都能正常工作。

此外，为了提高用户体验，可以考虑在请求过程中显示加载提示，或者对请求结果进行适当的处理和展示，如解析XML或JSON格式的数据。

二、如何在客户端直接调用WebService中的方法

1.Web.config中需要配置好运行ASP.NET AJAX框架相应的配置项，当然，建立一个ASP.NET AJAX Enabled Web Site项目时，Web.config已经配置好了。

2.想让某个WebService可以被JS调用，需要做一下几步：

I.在这个WebService文件里用“using System.Web.Script.Services;”引入这个命名空间。

II.在这个类的上面添加“[ScriptService]”属性。

III.在需要被调用的方法上添加“[WebMethod]”属性。

具体例子可以参考《ASP.NET AJAX客户端编程之旅（一）——Hello！ASP.NET AJAX》中的SayHelloService.cs的代码。

3.调用WebService的客户端页面也要做相应准备。首先就是页面中要有一个ScriptManager控件，然后需要在其中指明WebService文件的位置。如：

<asp:ServiceReference Path="~/SayHelloService.asmx"/>

将这段代码放在<asp:ScriptManager>和<asp:ScriptManager/>标签之间，就可以使得这个页面中的JS可以直接调用SayHelloService.asmx中的方法。具体代码可以参考《ASP.NET AJAX客户端编程之旅（一）——Hello！ASP.NET AJAX》中第二个例子中的Default.aspx的代码。

做好以上三项准备，这个页面中的JS代码就可以使用我们熟悉的“类名.方法名”的方法直接调用WebService中的方法了。

三、如何在C#中webservice调用方法总结

一、WebService在cs后台程序中的调用

WebService ws= new WebService();

B、通过添加WEB引用的方式调用，首先添加WEB引用，通过URL指向WEBSERVICE，

kk.WebService n= new kk.WebService();

二、WebService在前台页面的JS调用方法

1、首先通过下面的方法把Webservice在前台引用进来

<asp:ScriptManager runat="server">

<asp:ServiceReference Path="WebService.asmx" InlineScript="True"/>

2、然后就可以通过JS程序进行调用，示例如下：

<script type="text/jscript">

WebService.HelloWorld(onresult);

//下面的'context'是上下文，可以通过回到函数通过重载的方式获得；

WebService.div(1,1,onresultC,onerror,'context');

//onerror是获得异常信息的回调函数，下面给出了获得异常信息的方法

a=String.format("获取服务器端异常的具体类型:{0}\t\n获取详细的异常描述信息:{1}\t\n获取造成异常的:{2}\t\n获取服务器端异常的堆栈

跟踪信息:{3}\t\n获取一个布尔值，表示异常是否是由于网络连接超时造成的{4}",

public int AddWwg(int a,int b)

using CallWebService.localhost;//因为自己没有定义命名空间

public partial class Form1: Form

private void button1_Click(object sender, EventArgs e)

Service serviceWwg= new Service();

int i1= Int32.Parse(txt1.Text.ToString());

int i2= Int32.Parse(txt2.Text.ToString());

int iResult= serviceWwg.AddWwg(i1, i2);

private void button2_Click(object sender, EventArgs e)

CallWebService.localhost.Service serviceWwg= new CallWebService.localhost.Service();

string strResult= serviceWwg.HelloWorld();

lb1.Text= strResult.ToString();