post.jsp
</html>
<head>
<script type="text/javascript">
function createXMLHttpRequest(){
if(window.XMLHttpRequest){//如果这个对象存在，说明是mozilla浏览器
//基于mozilla的方式来创建对象
XMLHttpReq = new XMLHttpRequest();
}else{
//IE浏览器
if(window.ActiveXObject){
try{
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}//if
}//else
}//method
//处理响应的回调函数
function handleResponse(){
//判断对象状态
if(XMLHttpReq.readyState == 4){
//信息已经成功返回了，下一步要处理信息。
if(XMLHttpReq.status == 200){
//说明返回的内容正确了，成功了。下一步就是ajax层判断处理返回结果
//alert(200);
var res = XMLHttpReq.responseText.split(":");//以XML格式获得响应
document.getElementById("city").value = res[0];
document.getElementById("prov").value = res[1];
}
}
}
//发送请求函数
function sendRequest(url){
createXMLHttpRequest();
XMLHttpReq.open("GET", url, true);//open方法没连服务器，只定义了连接条件
//写一个函数主动地，不停地到服务器上拿结果
XMLHttpReq.onreadystatechange = handleResponse;//当服务器状态发生改变时，用一个回调函数来主动的拿结果
//真正的发送请求。
XMLHttpReq.send(null);
}
function setValue(){
//取得要输入的值
var post = document.getElementById("post").value;
//把邮编当成请求的一部分发送出去。
//alert(name);
}
</script>
</head>
<body>
邮编：<input type="text" id="post" onblur="setValue()"/><br>
城市：<input type="text" id="city"/><br>
省份：<input type="text" id="prov">
</body>
</html>
ajaxServlet.java
public class ajaxServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/xml;charset=UTF-8");
HashMap<String,String> map = new HashMap<String,String>();
map.put("110000", "沈阳:辽宁");
map.put("114000", "鞍山:辽宁");
map.put("116000", "大连:辽宁");
map.put("610000", "成都:四川");
map.put("130000", "长春:吉林");
map.put("453000", "新乡:河南");
response.setHeader("Chche-Control", "no-cache");
String postCode = request.getParameter("post");
String data = map.get(postCode);
PrintWriter out = response.getWriter();
if(data == null){
data="Error:Error";
}
// out.print(data);//可以向客户端写入任何类型的数据
out.write(data);//只可以向客户端写入字符串类型的数据
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request,response);
}
}
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
