⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.jsp~37~

📁 这是一个‘常见问题’的功能
💻 JSP~37~
字号:
<%@ 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;      //用于保存XMLHttpRequest对象的全局变量
var currFaqId;   //用于保存当前想要获取的FAQ编号
//用于创建XMLHttpRequest对象
function createXmlHttp() {
    //根据window.XMLHttpRequest对象是否存在使用不同的创建方式
    if (window.XMLHttpRequest) {
       xmlHttp = new XMLHttpRequest();                                     //FireFox、Opera等浏览器支持的创建方式
    } 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>
<h1>FAQ(常见问题)</h1>
    <%
    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 + -