📄 index.jsp~40~
字号:
<%@ page contentType="text/plain; charset=GBK"%>
<%@ page language="java"%>
<%@ page import="java.util.*"%>
<%@ page import="com.accp.xdj.faqload.server.action.*"%>
<%@ page import="com.accp.xdj.faqload.server.entity.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>动态加载的FAQ</title>
<meta http-equiv="Content-type" content="text/html; charset=GBK">
<script type="text/javascript">
var xmlHttp;
var currFaqId; //用于保存当前想要获取的FAQ编号
function createXmlHttp() {
if (window.XMLHttpRequest) {
xmlHttp = new XMLHttpRequest();
} else {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); //IE浏览器支持的创建方式
}
}
//获取FAQ信息的调用函数
function loadFAQ(faqId) {
currFaqId = faqId; //记录当前想要获取的FAQ编号
var currFaqDetail = getFaqDetailDiv(faqId); //获取对应的faqDetail节点
if (currFaqDetail.style.display=="none") {
currFaqDetail.style.display = "block"
//判断FAQ详细信息是否已存在，如果不存在则从服务器获取
if (currFaqDetail.innerHTML == "") {
createXmlHttp();
xmlHttp.onreadystatechange = loadFAQCallback;
xmlHttp.open("GET", "/FAQModule/jsp/read_detail.jsp?faqId=" + faqId, true);
xmlHttp.send(null);
}
} else {
currFaqDetail.style.display = "none"; //设置div状态为“隐藏”
}
}
//获取FAQ信息的回调函数
function loadFAQCallback() {
if (xmlHttp.readyState == 4) {
if(xmlHttp.status==200){
//将FAQ信息写入到对应的div中
getFaqDetailDiv(currFaqId).innerHTML ="<hr width=40% align=left><br><font size=2px>"+ xmlHttp.responseText+"</font><p>";
}
}
}
//根据faqId取得对应的div节点
function getFaqDetailDiv(faqId) {
return document.getElementById("faqDetail" + faqId);
}
</script>
</head>
<body>
<h2>FAQ（常见问题）</h2>
<%
ArrayList list = BusinessDelegate.getFAQ();
for(int i = 0;i<list.size();i++){
FAQ f = (FAQ)list.get(i);
%>
<div>
<a href="javascript:loadFAQ(<%=f.getId()%>)" >
<%=f.getFaq()%>
</a>
</div>
<div id="faqDetail<%=f.getId()%>" style="display:none;"></div>
<%}%>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -