JQuery跨域请求

javascript可跨域请求:

<html>
	<head>
		<title>通过ajax调用WebService服务</title>
		<script>
			
			var xhr = new ActiveXObject("Microsoft.XMLHTTP");
			function sendMsg(){
				var name = document.getElementById('name').value;
				//服务的地址
				var wsUrl = 'http://localhost:8080/php';
				
				//请求体
				
										 
				var soap = '<soapenv:Envelope xmlns:soapenv="http://schemas.xmlsoap.org/soap/envelope/" xmlns:q0="http://ws.cxf.php.com/" 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>

 

posted @ 2015-07-05 18:57  大鹏520  阅读(179)  评论(0编辑  收藏  举报