Chinaunix首页 | 论坛 | 博客

hsh0756232hsh.blog.chinaunix.net

首页　| 　博文目录　| 　关于我

hsh0756232

  • 博客访问： 256011
  • 博文数量： 45
  • 博客积分： 170
  • 博客等级： 入伍新兵
  • 技术积分： 488
  • 用 户 组： 普通用户
  • 注册时间： 2012-09-13 14:43
文章分类

全部博文（45）

文章存档

2014年（2）

2013年（35）

2012年（8）

我的朋友
最近访客
推荐博文
相关博文
jsp+ajax

分类： Java

2013-11-19 22:53:03


点击(此处)折叠或打开

  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <%
  3. String path = request.getContextPath();
  4. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

  6. %>

  8. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  9. <html>
  10.   <head>
  11.     <base href="<%=basePath%>">
  12.     
  13.     <title>信息查询</title>
  14.     <script language="javascript">
  15.   var XMLHttpReq;
  16.     //创建XMLHttpRequest对象
  17.     function createXMLHttpRequest() {
  18.              
  19.         if(window.XMLHttpRequest) { //Mozilla 浏览器
  20.             XMLHttpReq = new XMLHttpRequest();
  21.         }
  22.         else if (window.ActiveXObject) { // IE浏览器
  23.             try {
  24.                 XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
  25.             } catch (e) {
  26.                 try {
  27.                     XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
  28.                 } catch (e) {}
  29.             }
  30.         }
  31.     }
  32.     //发送请求函数
  33.     function sendRequest() {
  34.          var name=document.getElementById("words").value;
  35.               if(name==""||name=="请输入查询码")
  36.               {
  37.                   alert("请输入查询码");
  38.                   return;
  39.               }
  40.           //document.getElementById("comments").innerHTML ="正在查询,请您稍等......";    
  41.         createXMLHttpRequest();
  42.         var url = "infoQuery.jsp?words="+name;
  43.         XMLHttpReq.open("GET", url, true);
  44.         XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
  45.         XMLHttpReq.send(null); // 发送请求
  46.     }
  47.     // 处理返回信息函数
  48.     function processResponse() {
  49.         if (XMLHttpReq.readyState == 4) { // 判断对象状态
  50.             if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
  51.                 Display();
  52.             } else { //页面不正常
  53.                 window.alert("您所请求的页面有异常。");
  54.             }
  55.         }
  56.     }
  57.     function Display() {
  58.             var msg=XMLHttpReq.responseText;
  59.            //document.getElementById('comments').value=msg;
  60.            document.getElementById('dataDiv').innerHTML=msg; //显示整个infoQuery.jsp页面
  61.     }
  62. </script>
  63.     <meta http-equiv="pragma" content="no-cache">
  64.     <meta http-equiv="cache-control" content="no-cache">
  65.     <meta http-equiv="expires" content="0">
  66.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  67.     <meta http-equiv="description" content="This is my page">
  68.     
  69.     
  70.   </head>
  71.   
  72.   <body>
  73.       
  74.       <div id="whole_background">
  75.       <div id="pictop"><img src="images/htop.jpg" width="100%" height="15%"></div>
  76.       
  77.       <div id="content">
  78.     <h1>产品详细信息查询</h1>
  79.     <input type="text" value="请输入查询码" id="words" name="words">
  80.     
  81.     <input type="submit" value="查询" id=Submit1 name=Submit1 onClick="sendRequest() ">
  82.     <br>
  83.     
  84.         
  85.     <div id="dataDiv"></div>
  86.     </div>
  87.     
  88.     </div>
  89.   </body>
  90. </html>

阅读(742) | 评论(0) | 转发(0) |
0

上一篇：Java设计模式—生产者消费者模式（阻塞队列实现）

下一篇：设计模式之简单工厂

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6