jquery의 ajax를 사용하여 2단계 대화형 menu_javascript 기술 구현

<%@ page contentType="text/html; charset= gbk "%>
<%@ taglib prefix="s" uri="/struts-tags"%>


<% String basePath = request.getScheme( ) "://" request.getServerName() ":" request.getServerPort() request.getContextPath() "/"
out.println(basePath)

< ;script type="text/javascript">
jQuery(function($){
//alert("ok");
}); 🎜 >$.ajax({
url : "<%=basePath%>cateJson.whbs",
data : {parentId : oneId}, // 매개변수
type : "post",
cache: false,
dataType: "json", //json 데이터 반환
error: function(){
alert('error')
},
success:onchangecallback
});
}
function onchangecallback(data){
document.all['twoId'].options.length = 0; //원래 옵션 지우기
var str=" ";
for(var i=0;istr ="" data[i]. 제목 ""
}
$("#twoId").html(str)

부서 유형을 선택하세요


파일 형식을 선택하세요
< ;s:select list="rftwos" listKey="recordId" listValue="title" name="twoId" theme="simple" id="twoId" value="twoID">

Struts의 동작 코드

*/
public String getJsonCategory( ) IOException이 발생합니다. /json 데이터로 어셈블
sendMessage(jsonObj.toString());//json 데이터를 뷰에 푸시
return null
}
/**
* des: json 형식의 데이터 전송을 js로 다시 캡슐화합니다.
* autho:exceljava
* 날짜:Nov 20, 2009
* @param content
* @throws IOException
*/
public; void sendMessage(String content) throws IOException{
HttpServletResponse response = ServletActionContext.getResponse()
response.setCharacterEncoding("UTF-8")
response.getWriter().write(content); 🎜>
}