|
一、JSP文件：Tisjsp.jsp
<%@ page contentType="text/html; charset=GBK" %>
<%
String key=request.getParameter("key");
String contents="";
if(key.equals("1")){
contents="IBM笔记本,IBM笔记本,IBM笔记本,IBM笔记本,IBM笔记本";
}else if(key.equals("2")){
contents="HP笔记本,HP笔记本,HP笔记本,HP笔记本,HP笔记本,HP笔记本";
}else if(key.equals("3")){
contents="SONY笔记本,SONY笔记本,SONY笔记本,SONY笔记本,SONY笔记本";
}
//传回响应数据
response.setContentType("text/xml; charset=UTF-8");
response.setHeader("Cache-Control", "no-cache");
out.println("<response>");
out.println("<content>" + contents + "</content>");
out.println("</response>");
out.close(); %> |
|
二、html文件main.html
<HTML><HEAD><TITLE>Shopping Online</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<LINK href="images/css.css" type=text/css rel=stylesheet></HEAD>
<script type="text/javascript">
var dataDiv;
var dataTableBody;
var curElement;
var XMLHttpReq = false;
//创建XMLHttpRequest对象
function createXMLHttpRequest() {
if(window.XMLHttpRequest) { //Mozilla 浏览器
XMLHttpReq = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
XMLHttpReq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
XMLHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
}
//发送请求函数
function getDetail(element) {
dataTableBody = document.getElementById("dataBody");
dataDiv = document.getElementById("popup");
createXMLHttpRequest();
curElement = element;
var url = "Tipjsp.jsp?key=" + escape(element.id);
XMLHttpReq.open("GET", url, true);
XMLHttpReq.onreadystatechange = processResponse;//指定响应函数
XMLHttpReq.send(null); // 发送请求
}
// 处理返回信息函数
function processResponse() {
if (XMLHttpReq.readyState == 4) { // 判断对象状态
if (XMLHttpReq.status == 200) { // 信息已经成功返回，开始处理信息
setData(XMLHttpReq.responseXML);
} else { //页面不正常
window.alert("您所请求的页面有异常。");
}
}
}
// 显示提示框
function setData(data) {
clearData();
setOffsets();
var content = data.getElementsByTagName("content")[0].firstChild.data;
var row = createRow(content);
dataTableBody.appendChild(row);
}
//生成表格内容行
function createRow(data) {
var row, cell, txtNode;
row = document.createElement("tr");
cell = document.createElement("td");
cell.setAttribute("bgcolor", "#FFFAFA");
cell.setAttribute("border", "0");
txtNode = document.createTextNode(data);
cell.appendChild(txtNode);
row.appendChild(cell);
return row;
}
//设置显示位置
function setOffsets() {
dataDiv.style.border = "black 1px solid";
var top = 0;
while(curElement) {
top += curElement["offsetTop"];
curElement = curElement.offsetParent;
}
dataDiv.style.left = 50 + "px";
dataDiv.style.top = top + "px";
}
// 清除提示框
function clearData() {
var ind = dataTableBody.childNodes.length;
for (var i = ind - 1; i >= 0 ; i--) {
dataTableBody.removeChild(dataTableBody.childNodes[i]);
}
dataDiv.style.border = "none";
}
</script>
[1] [2] [3] [4] [5] 下一页
|
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！） 