用ajax调用httpservice
客户端创建一个index.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script>
function reqWebService(){
var userName = Document.getElementById("name");
var pwd = Document.getElementById("pwd");
var xhr = getXMLHttpObject();
//请求的数据,客户端的输出日志,我们把我我们传的值替换上去
var data ='<soap:Envelope xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/"><soap:Header><atguigu><name>'+name+'</name><password>'+pwd+'</password></atguigu></soap:Header><soap:Body><ns2:sayHello xmlns:ns2="http://day01_ws.java_webservice.com/"><arg0>Bob</arg0></ns2:sayHello></soap:Body></soap:Envelope>';
xhr.onreadystatechange = function() {
if(this.readyState == 4 && this.status ==200) {
var result = xhr.responseXML;
alert(result);
var returnEle = result.getElementByTagName("return")[0]; //得到return标签,我们
var value = returnEle.firstChild.data;
alert(value);
}
};
xhr.open("POST","http://127.0.0.1:8888/day01_ws/datatypews");
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.send(data);
}
function getXMLHttpObject() {
var xhr = null;
try{
xhr = new XMLHttpRequest();
} catch(e) {
try{
xhr = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e) {
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xhr;
}
</script>
</head>
<body>
用户名:<input type="text" id="name" />
密码:<input type="text" id="pwd" />
<button onclick="reqWebService()">请求webservice</button>
</body>
</html>
js存在跨域问题,java代码不存在跨域问题
jq同理
一种处理跨域请求的方法:我们页面请求servelt,我们后台去条用webservice接口
js直接调用servlet
注解的方式,我们修改wsdl文档
这个注解给实体类的get和set方法,这样的方法时让客户端看不到我服务器中实体类的属性名
重新定义以后,我们需要用这个url去看