1、建立项目WebService和WebApp项目，如图所示
2、WebService代码为：
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Services;
namespace WebService1
{
/// <summary>
/// Service1 的摘要说明
/// </summary>
[WebService(Namespace = "http://tempuri.org/")]
[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
[System.ComponentModel.ToolboxItem(false)]
// 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
// [System.Web.Script.Services.ScriptService]
public class Service1 : System.Web.Services.WebService
{
[WebMethod]
public string HelloWorld()
{
return "Hello World";
}
//返回a+b的和
[WebMethod]
public int Add(int a, int b)
{
return a + b;
}
[WebMethod]
public int Sum(int x)
{
int sum = 0;
for (int i = 0; i <= x; i++)
{
sum += i;
}
return sum;
}
}
}
3、下载webservice.htc文件，他是微软提供有一个对WebService常用方法的封装，下载后放到WebApp里。
4、调用代码为：
<html>
<head>
<title>Javascript</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .Net 7.1">
<meta name="CODE_LANGUAGE" content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<script language="Javascript" type="text/javascript">
function init() {
//改为自己实际的WebService地址
xhkService.useService("http://localhost:3152/Service1.asmx?wsdl", "calMyMath"); //创建服务对象
}
//调用方法
function callMethod() {
var parm1 = Form1.all.txtA.value; //获取第一个参数
var parm2 = Form1.all.txtB.value; //获取第二个参数
xhkService.calMyMath.callService(callback, "Add", parm1, parm2); //调用WebService里的Add方法
}
//回调函数，处理并显示返回结果
function callback(res) {
if (!res.error)
Form1.all.retValue.value = res.value; //判断返回值
else
Form1.all.retValue.value = '计算错误'; //计算错误
}
</script>
</head>
<body onload="init()">
<div id="xhkService" style="behavior: url(webservice.htc)"></div>
<form id="Form1" method="post" runat="server">
<input type="text" id="txtA" name="txtA" /> + <input type="text" id="txtB" name="txtB" />
<input onclick="callMethod()" type="button" value="=" />
<input type="text" id="retValue" name="retValue" />
</form>
</body>
</html>
运行结果：
分析：
<div id="xhkService" style="behavior: url(webservice.htc)"></div> 在div的id指定一个有意义的名称，这里写为xhkService，以方便在JS里调用， style里制定WebService的行为webservice.htc。xhkService.useService(wsdl路径,简单的命名方式)，wsdl路径为自己WebService路径加上参数wsdl，返回XML文档，简单的命名方式，这里起名为calMyMath，
xhkService.calMyMath.callService(callback, "Add", parm1, parm2);
xhkService.calMyMath.callService(回调函数, WebService里的方法, 参数1, 参数2…);如果没有参数可以省略，如调用HelloWorld 方法，xhkService.calMyMath.callService(callback, "HelloWorld");
分享到：
相关推荐
JavaScript调用WebService是一种常见的在客户端与服务器之间进行数据交互的方式，尤其在Web应用程序中，它允许JavaScript代码直接访问Web服务提供的功能。以下是对这个实例的详细解析和相关知识点的总结： 1. ...
使用javascript 中Ajax技术调用WebService,包括JSP和ASP.NET中两种，其中JSP的WebService使用了XFire框架。 ASP.NET中的WebService做了一个方法示例GetProgress，包含3个参数。 JSP中的WebService做了hello方法的...
在本文中，我们将深入探讨如何使用JavaScript调用Web服务，特别是SOAP Web服务。JavaScript是一种广泛应用于客户端浏览器的脚本语言，它可以用来与服务器进行交互，包括调用Web服务以获取或发送数据。以下是一个示例...
本篇将深入探讨如何使用JavaScript调用WebService，帮助开发者理解和掌握这一技术。 首先，了解WebService的基本概念。WebService是一种基于开放标准（如XML、SOAP、WSDL和UDDI）的应用程序接口（API），允许不同...
Javascript调用Webservice的汇集
JavaScript调用WebService是一种常见的在客户端与服务器之间进行通信的方式，特别是在Web应用程序中。在这个示例中，我们将讨论如何使用JavaScript来调用不同平台（如C#和Java）编写的WebService，以及实现跨浏览器...
### 使用JavaScript调用WebService的方法与实例 随着互联网技术的发展，跨平台、跨语言的数据交互变得越来越重要。在众多实现方式中，使用JavaScript调用WebService是一种常见的解决方案。本文将基于提供的标题“用...
JavaScript调用WebService的过程可能涉及到JSON或XML格式的数据解析，因为WebService通常以这些格式返回数据。 然后，是WebService。WebService是一种基于标准的，可互操作的Web应用程序，它可以通过HTTP协议提供...
微软提供的javascript调用webservice的webservice.htc有一bug，就是当前页面url(例如Test.aspx?keyno=/a)如果有/则无法调用webservice。
JavaScript调用Web Service是一种在客户端通过JavaScript代码与服务器端的Web Service进行交互的技术。Web Service是一种基于SOA（Service-Oriented Architecture，面向服务架构）的设计理念，它允许不同的系统之间...
综上所述，C#和JavaScript调用Web服务涉及了异步请求、数据序列化与反序列化等多个环节。理解这些概念和技术对于开发跨平台、分布式系统至关重要。通过学习和实践，开发者能够有效地整合各种系统资源，实现数据的...
用ajax技术调用webservice实例
webseservice 客户端调用，java发布的axis2 webservice,通过 js调用调用webservice,普通ajax实现，里面有详细注释，代码简单明了，我自己做过测试。希望对大家有所帮助。
JavaScript调用WebService是一种常见的前后端通信方式，尤其在Web应用程序中，它允许客户端与服务器进行异步数据交换，实现动态内容的更新。本示例旨在详细介绍如何使用JavaScript调用WebService，以及涉及的相关...
#### 使用JavaScript调用WebService 给定的部分内容展示了一种使用JavaScript来调用WebService的方法。此方法主要依赖于`Microsoft.XMLHTTP`对象，这是一个用于发送HTTP请求并接收响应的对象，通常在客户端脚本中...
在本文中，我们将深入探讨如何使用JavaScript调用Web服务，特别是SOAP Web Service。JavaScript是一种广泛应用于客户端Web开发的脚本语言，它允许我们与服务器端的Web服务进行交互，实现异步数据传输，提高用户体验...
JavaScript调用WebService组件是Web开发中的常见操作，主要用于在客户端与服务器端进行数据交互。WebService是一种基于HTTP协议的，能够跨平台、跨语言的服务接口，它通过SOAP（Simple Object Access Protocol）消息...
本压缩包包含了一个简单的示例项目——"WebApplication1"，用于演示如何使用JavaScript调用WebService。 在JavaScript中，调用WebService通常涉及到XMLHttpRequest对象或更现代的fetch API。以下是一些关键知识点：...
总的来说，C#中通过JavaScript调用WebService实现无刷新更新，是一种常见的Web开发技术，它结合了服务器的强大处理能力和客户端的实时交互，为用户提供了流畅的Web应用体验。理解并熟练掌握这种技术，对于Web开发者...
### JavaScript调用WebService的多种方法 #### 一、引言 在Web开发中，JavaScript与WebService的结合使用非常常见，特别是在需要与后端服务进行交互的场景下。本文将详细介绍如何利用JavaScript结合XMLHttpRequest...