<html>
<head>
<title>通过ajax调用WebService服务</title>
<script>
var xhr = new ActiveXObject("Microsoft.XMLHTTP");
function sendMsg(){
var name = document.getElementById('name').value;
//服务的地址
var wsUrl = 'http://192.168.1.100:6789/hello';
//请求体
var soap = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://ws.itcast.cn/" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">' +
' <soapenv:Body> <q0:sayHello><arg0>'+name+'</arg0> </q0:sayHello> </soapenv:Body> </soapenv:Envelope>';
//打开连接
xhr.open('POST',wsUrl,true);
//重新设置请求头
xhr.setRequestHeader("Content-Type","text/xml;charset=UTF-8");
//设置回调函数
xhr.onreadystatechange = _back;
//发送请求
xhr.send(soap);
}
function _back(){
if(xhr.readyState == 4){
if(xhr.status == 200){
//alert('调用Webservice成功了');
var ret = xhr.responseXML;
var msg = ret.getElementsByTagName('return')[0];
document.getElementById('showInfo').innerHTML = msg.text;
//alert(msg.text);
}
}
}
</script>
</head>
<body>
<input type="button" value="发送SOAP请求" onclick="sendMsg();">
<input type="text" id="name">
<div id="showInfo">
</div>
</body>
</html>
分享到：
相关推荐
在本文中，我们将深入探讨如何使用Ajax调用WebService来实现异步数据交互，这是一个非常常见的技术实践，尤其在Web开发中。"ajax 调用WebService 很简单的demo"这个标题提示我们，这是一个简单的示例，旨在展示如何...
在本实例中，你将看到一个简单的AJAX调用WebService的流程： 1. 首先，创建一个WebService，定义一个操作方法，例如返回当前日期。在服务器端，可能使用.NET、Java或其他支持WebService的平台来实现。 2. 客户端使用...
### jQuery使用Ajax方法调用WebService知识点详解 #### 一、简介 在Web开发领域中，Ajax（Asynchronous JavaScript and XML）技术被广泛应用于实现页面局部刷新等功能，极大地提升了用户体验。结合jQuery这一流行的...
在提供的示例中，"ajax调用webservice.rar"可能包含了具体的代码文件，展示了一个完整的Ajax调用Web Service的流程。解压缩后，可以查看其中的JavaScript文件和可能的SOAP请求及响应示例。通过阅读和理解这些示例，...
在"AJAX调用WebService.doc"中，你将学习到如何创建和使用XMLHttpRequest对象发送HTTP请求到WebService，以及处理返回的数据。 接下来，我们来看JavaScript。JavaScript是一种客户端脚本语言，广泛应用于Web开发，...
基于dojo使用ajax调用webservice，返回json格式数据，填充下拉框列表
在这个"ajax调用webservice_demo"中，`ws_ajax.html`可能是包含上述Ajax调用代码的HTML文件，而`ws_server`可能是一个服务器端的Web Service实现，负责接收Ajax请求并返回数据。这个示例将帮助开发者理解如何在实际...
### Ajax调用WebService详解 #### 引言 Ajax（Asynchronous JavaScript and XML）与WebService的结合，为现代网页应用提供了一种高效、实时的数据交互方式。WebService作为一种标准的跨平台服务，通过HTTP协议提供...
网上收集整理的基于prototype实现的ajax调用webservice，在axis.js的后面nsuri是绑定的命名空间，增加了Array的类型，可存放string或int,long等基础类型，callWebService方法里是调用一个服务端通用的方法，可自行...
webService中要实现ajax调用，则要加这句代码: // 若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。 [System.Web.Script.Services.ScriptService] 代码下载 /201008/yuanma/WebService2....
本文通过几个具体案例详细介绍了如何使用jQuery AJAX来调用WebService接口，特别是处理复杂的数据类型。通过正确的格式化和解析数据，可以确保前后端之间的高效通信。希望这些知识点能帮助开发者们更好地掌握这项...
这里，我们利用Ajax调用WebService，获取照片数据，然后在客户端进行处理，达到无刷新的效果，提升用户体验。Jquery库简化了Ajax操作，提供了易于使用的API，使得异步请求变得简单。 在前端展示方面，Jquery对DOM...
"MvcAndAjax"这个文件名可能代表了一个包含MVC项目和相关的JavaScript文件的示例，用于演示如何在MVC应用中使用AJAX调用WebService。在这个项目中，你可能会找到一个控制器、视图以及用于调用WebService的...
在.NET中，你可以创建一个ASMX文件来定义你的服务方法，然后在jQuery的Ajax调用中引用这些方法。 在调用过程中，需要注意的是跨域问题。由于同源策略的限制，Ajax请求通常只能访问同源（协议+域名+端口）的资源。...
本文为 ASP.NET 开发者提供了一种简单而有效的方法来实现定时调用 WebService 服务，并且还介绍了使用 jQuery 和 Ajax 调用 WebService 服务的方法。 知识点： * 使用 System.Timers.Timer 组件来实现定时调用 ...
以下是一个简单的AJAX调用WebService的JavaScript示例： ```javascript var xhr = new XMLHttpRequest(); // 创建XMLHttpRequest对象 xhr.open('POST', 'http://yourwebserviceurl', true); // 设置请求类型、URL和...
本示例通过Ajax调用WebServic服务 1、自己做时注意要将service.cs的service class定义前加上[ScriptService]（添加两个引用system.web.extentions和system.web.extentions.design） 2、在scriptmanager属性添加...
1. **后台数据获取**：Ajax调用WebService接口，获取服务器端处理的数据，然后在客户端更新页面。 2. **实时交互**：用户操作触发Ajax请求，WebService实时响应，提供数据更新，无需刷新整个页面。 3. **跨域通信**...
资源名称：jQuery使用Ajax方法调用WebService 中文WORD版内容简介：本文档将jQuery使用Ajax 调用WebService 的几个常用的方法做了一个整理，提供给正在找这方面内容的朋友，希望能给学习jQuery的朋友一点帮助。...