ajax.js
/*
* Returns an new XMLHttpRequest object, or false if the browser doesn\'t support it
*/
function newXMLHttpRequest() {
var xmlreq = false;
//create XMLHttpRequest object in non-Microsoft browsers
if (window.XMLHttpRequest) {
xmlreq = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
//try to create XMLHttpRequest in later versions of IE
xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e1) {
//failed to create required ActiveXObject
try {
//try version supported by older versions of IE
xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e2) {
//unable to create an XMLHttpRequest by any means
xmlreq = false;
}
}
}
return xmlreq;
}
/*
* returns a function that waits for the specified XMLHttpRequest
* to complete, then passes it XML response to the given handler function.
* req - The XMLHttpRequest whose state is changing
* responseXmlHandler - Function to pass the XML response to
*/
function getReadyStateHandler(req, responseXmlHandler) {
//return an anonymous function that listens to the XMLHttpRequest instance
return function () {
//if the request\'s status is "complete"
if (req.readyState == 4) {
//check that we received a successful response from the server
if (req.status == 200) {
//pass the XML payload of the response to the handler function.
responseXmlHandler(req.responseXML);
} else {
//an HTTP problem has occurred
alert("HTTP error " + req.status + ": " + req.statusText);
}
}
}
}
------------------------------------------------------------------------
1.struts.xml
<action name="menu">
<result>/chapter6/menu.jsp</result>
</action>
<action name="introduction">
<result>/chapter6/introduction.jsp</result>
</action>
<action name="document">
<result>/chapter6/document.jsp</result>
</action>
<action name="system" class="example.chapter6.SystemAction">
<result>/chapter6/system.jsp</result>
</action>
2. menu.jsp
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<s:head theme="ajax" />
<title>예제6-2: menu</title>
<meta [remove]"Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="style/style.css" type="text/css" />
</head>
<body>
스트럿츠2의 AJAX 기능을 사용한 메뉴...<br/><br/>
<s:a href="introduction.action" theme="ajax" targets="contents" indicator="indicator"><img src="" border="0"/></s:a>
<s:a href="document.action" theme="ajax" targets="contents" indicator="indicator"><img src="" border="0"/></s:a>
<s:a href="system.action" theme="ajax" targets="contents" indicator="indicator"><img src="" border="0"/></s:a>
<br/>
<img id="indicator" src="" style="display：none"/>
<s:div id="contents" theme="ajax" cssStyle="border: 0px dotted gray;"></s:div>
</body>
</html>
3. document.jsp
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>예제6-2: menu</title>
<meta [remove]"Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="style/style.css" type="text/css" />
</head>
<body>
<table width="100%" bgcolor="#eeeeee">
<tr><td height="25">
문서목록...
</td></tr>
</table>
<ul>
<li>Ajax 소개</li>
<li>스트럿츠2의 Ajax 기능</li>
<li>스트럿츠2의 아키텍처</li>
</ul>
</body>
</html>
4.introduction.jsp
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>예제6-2: menu</title>
<meta [remove]"Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="style/style.css" type="text/css" />
</head>
<body>
<table width="100%" bgcolor="#eeeeee">
<tr><td height="25">
알리는 글...
</td></tr>
</table>
<br/>
스트럿츠2의 Ajax 기능을 이용하여 메뉴를 구성하는 예제이다.
</body>
</html>
5.system.jsp
<%@ page contentType="text/html; charset=utf-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>예제6-2: menu</title>
<meta [remove]"Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="style/style.css" type="text/css" />
</head>
<body>
<table width="100%" bgcolor="#eeeeee">
<tr><td height="25">
시스템관리...
</td></tr>
</table>
<ul>
<s:iterator value="listSystem">
<li><s:property /></li>
</s:iterator>
</ul>
</body>
</html>
6.SystemAction.java
package example.chapter6;
import java.util.ArrayList;
import java.util.List;
import com.opensymphony.xwork2.ActionSupport;
public class SystemAction extends ActionSupport {
private List<String> listSystem;
public String execute() throws Exception {
listSystem = new ArrayList<String>();
listSystem.add("사용자관리");
listSystem.add("코드관리");
listSystem.add("게시판관리");
listSystem.add("게시글관리");
return SUCCESS;
}
public List<String> getListSystem() {
return listSystem;
}
public void setListSystem(List<String> listSystem) {
this.listSystem = listSystem;
}
}
...
댓글 영역
획득법
① NFT 발행
작성한 게시물을 NFT로 발행하면 일주일 동안 사용할 수 있습니다. (최초 1회)
② NFT 구매
다른 이용자의 NFT를 구매하면 한 달 동안 사용할 수 있습니다. (구매 시마다 갱신)
사용법
디시콘에서지갑연결시 바로 사용 가능합니다.