`
cookieandsession
  • 浏览: 20401 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

js调用webservice

 
阅读更多
采用sop1.1协议发请求获取列车时刻信息,返回xml数据,未对xml解析。
需要设置浏览器跨域访问,google浏览器通过开始--运行chrome.exe --disable-web-security开启跨域访问。其它浏览器不知道怎么开启这个操作。此操作不安全,请慎用。


<html>
	<head>
		<title>列车时刻查询</title>
		<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
		<script>
			function search(input) {
				var traincode = input.value;
				if(traincode) {
					var xhr = new XMLHttpRequest();
					xhr.open("POST","http://www.webxml.com.cn/WebServices/TrainTimeWebService.asmx", true); //true表示异步,send方法执行完,继续向下执行。等服务器返回数据后,再执行回调方法
					xhr.onreadystatechange=function() {
						if(xhr.readyState==4) {
							if(xhr.status==200) {
								alert(xhr.responseText);
								alert('revice');
							}
						}
					}
					
					var myxml = '<?xml version="1.0" encoding="utf-8"?>' 
								+ '<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/">'
								+ '<soap:Body>'
								+ '<getDetailInfoByTrainCode xmlns="http://WebXml.com.cn/">'
								+ '<TrainCode>' + traincode + '</TrainCode>'
								+ '<UserID></UserID>'
								+ '</getDetailInfoByTrainCode>'
								+ '</soap:Body>'
								+ '</soap:Envelope>'; 
								    
					xhr.setRequestHeader("SOAPAction","http://WebXml.com.cn/getDetailInfoByTrainCode");
					xhr.setRequestHeader("Content-Type", "text/xml; charset=utf-8");  
					xhr.send(myxml);
					alert('over');
				}
			}
		</script>
	</head>
	<body>
		请输入车次:<input type="text" name="traincode" onblur="search(this)"/>
	</body>
分享到:
评论

相关推荐

    Js调用webService示例

    JavaScript调用WebService是一种常见的前后端通信方式,尤其在Web应用程序中,它允许客户端与服务器进行异步数据交换,实现动态内容的更新。本示例旨在详细介绍如何使用JavaScript调用WebService,以及涉及的相关...

    C#中js调用WebService实现无刷新

    总的来说,C#中通过JavaScript调用WebService实现无刷新更新,是一种常见的Web开发技术,它结合了服务器的强大处理能力和客户端的实时交互,为用户提供了流畅的Web应用体验。理解并熟练掌握这种技术,对于Web开发者...

    JavaScript调用WebService实例总结

    JavaScript调用WebService是一种常见的在客户端与服务器之间进行数据交互的方式,尤其在Web应用程序中,它允许JavaScript代码直接访问Web服务提供的功能。以下是对这个实例的详细解析和相关知识点的总结: 1. ...

    JS调用WebService源码

    本压缩包包含了一个简单的示例项目——"WebApplication1",用于演示如何使用JavaScript调用WebService。 在JavaScript中,调用WebService通常涉及到XMLHttpRequest对象或更现代的fetch API。以下是一些关键知识点:...

    js调用webService组件

    JavaScript调用WebService组件是Web开发中的常见操作,主要用于在客户端与服务器端进行数据交互。WebService是一种基于HTTP协议的,能够跨平台、跨语言的服务接口,它通过SOAP(Simple Object Access Protocol)消息...

    JS调用webService实例

    JS调用webService实例,其中有详细使用文档! myEclipse部署上客户端和服务器端即可直接测试! 使用技术: JS,webService,JS调用webService,xfire,数字证书

    使用javascript调用webservice示例.pdf

    在本文中,我们将深入探讨如何使用JavaScript调用Web服务,特别是SOAP Web服务。JavaScript是一种广泛应用于客户端浏览器的脚本语言,它可以用来与服务器进行交互,包括调用Web服务以获取或发送数据。以下是一个示例...

    js调用webservice示例+源码

    本文将深入探讨如何使用JavaScript调用Web Service,以及如何解决在这个过程中遇到的问题,以配合“js调用webservice示例+源码”的主题。 Web Service是一种基于网络的、平台无关的服务,它通过SOAP(Simple Object...

    Javascript调用WebService

    使用javascript 中Ajax技术调用WebService,包括JSP和ASP.NET中两种,其中JSP的WebService使用了XFire框架。 ASP.NET中的WebService做了一个方法示例GetProgress,包含3个参数。 JSP中的WebService做了hello方法的...

    js 调用webservice 工具

    js 调用webservice 工具

    【收藏】通过js调用WebService

    【收藏】通过js调用WebService是一个常见的Web开发技术,它涉及到JavaScript与服务器端Web服务的交互。...对于学习和实践Web开发的人员来说,了解并掌握通过JavaScript调用WebService的技术是非常重要的。

    使用JavaScript调用WebService的示例

    本篇将深入探讨如何使用JavaScript调用WebService,帮助开发者理解和掌握这一技术。 首先,了解WebService的基本概念。WebService是一种基于开放标准(如XML、SOAP、WSDL和UDDI)的应用程序接口(API),允许不同...

    JS调用WEBSERVICE的demo

    在这个"JS调用WEBSERVICE的demo"中,可能包含了使用JavaScript调用Web Service的示例代码,可以用来学习和理解上述过程。SourceAndDemos这个文件可能包含源代码和演示实例,通过查看和运行这些示例,你可以更深入地...

    JS调用WebService实例

    本实例将探讨如何使用JavaScript调用WebService,以实现前后端的数据交互。 首先,理解WebService的基本概念。WebService是一种基于开放标准(如SOAP、WSDL和UDDI)的,可以被不同平台和编程语言调用的网络服务。它...

    ajax和JavaScript分别调用Webservice实例

    JavaScript调用WebService的过程可能涉及到JSON或XML格式的数据解析,因为WebService通常以这些格式返回数据。 然后,是WebService。WebService是一种基于标准的,可互操作的Web应用程序,它可以通过HTTP协议提供...

    使用Js调用WebService

    在Web开发中,有时我们需要通过JavaScript调用WebService来实现客户端与服务器端的数据交换,以实现更复杂的业务逻辑。WebService是一种基于XML(Extensible Markup Language)的标准化服务接口,它允许不同系统之间...

    java webservice axis2 通过 js javascript 调用webservice

    webseservice 客户端调用,java发布的axis2 webservice,通过 js调用调用webservice,普通ajax实现,里面有详细注释,代码简单明了,我自己做过测试。希望对大家有所帮助。

    JS调用WebService示例

    JavaScript调用WebService是一种跨语言的调用方式,允许使用JavaScript语言的前端页面能够调用后端基于C#等其他编程语言编写的WebService服务。WebService是一种独立于平台和编程语言的服务,常用的通信协议是SOAP...

    js 调用java webservice接口

    js调用webservice接口,并打印返回信息

    MVC调用webService

    5. **在MVC中使用JS调用WebService步骤** - **创建WebService**:首先,你需要一个可用的WebService,这可能是一个ASP.NET的ASMX或WCF服务。 - **定义WebService接口**:定义公开的方法,这些方法将在客户端调用。...

Global site tag (gtag.js) - Google Analytics