ajax实例1

来源:互联网 发布:怎么进入淘宝店铺 编辑:程序博客网 时间:2024/05/21 09:25

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);
 }

}

 

原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 几年前被犬咬没打针怎么办 对狂犬疫苗过敏怎么办 想去墨尔本留学怎么办 大学没交学费会怎么办 交学费收据丢了怎么办 上海浦东金科苑幼儿园统筹怎么办 红酒瓶塞掉了怎么办 红酒瓶塞丢了怎么办 收入证明没有公章怎么办 父母没工作怎么办签证 在温哥华怎么办新西兰签证 上班第一天无聊怎么办 上班紧张不自信怎么办 销售到了30岁怎么办 转行会计没经验怎么办 澳洲coe被取消怎么办 父母不同意嫁远怎么办 家人不同意我们在一起怎么办 语言课申请不到怎么办 墨尔本大学均分不够怎么办 去澳洲旅游签证怎么办 换新护照澳大利亚签证怎么办 大学错过交学费日期怎么办 留学加拿大申请工签被拒怎么办 英国大学挂科怎么办 小孩子学不进去怎么办 大学生学不进去怎么办 高考没考上本科怎么办 想读书家里没钱怎么办 考上大学没钱上怎么办 儿子没考上大学怎么办 后悔没上大学怎么办 把学费花了怎么办 临床预科挂科怎么办 补录了预科怎么办 美国预科没过怎么办 出国留学报到证怎么办 本科绩点2.93怎么办 在美国被抢劫怎么办 去美国留学费用怎么办 被美国大学停学怎么办