js 결합 ajax 와 struts 2.0 - 나무

2693 단어 Ajaxjsp프레임각본
js 를 공부 한 지 오래 되 었 는데 그의 유연성 이 너무 강하 다 고 생각 했다. 특히 js 프레임 워 크 와 결합 한 응용 이다.복잡 한 문제 들 을 해결 할 수 있 는 것 은 매우 간단 해 졌 다.오늘 여러분 과 나 눌 js 는 ajax 와 struts 2.0 의 나 무 를 결합 합 니 다.이 아이디어 의 주요 논 리 는 먼저 루트 노드 를 표시 한 다음 에 루트 노드 를 클릭 하여 AJAX 요청 을 보 내 고 배경 데이터 베이스 에서 하위 노드 를 조회 한 다음 에 리 셋 함 수 를 통 해 하위 노드 를 루트 노드 아래 에 삽입 하 는 것 이다.이렇게 하면 아무리 큰 나무 라 도 무 뎌 지지 않 는 다.jsp 코드:  
  • <form id="form1" name="form1" method="post" action="">	
	<s:iterator value="buildingList" status="List">
	<div  id="<s:property value="jzwbh" />" hasDtl='0'>
	<img src='<%=path%>/console/images/tree/plus2.gif' id="budling" onclick="lookDtl('<s:property value="jzwbh" />');"  />
	<input id="dzms" name="dzms" size="35" value=<s:property value="DZMS" /> onclick="displayBudlingInfo('<s:property value="jzwbh" />')" style="border-bottom:0px; border-left:0px;  border-right:0px; border-top:0px;cursor:pointer"/></div>
	</s:iterator>
      
  • 트 리 의 노드 를 클릭 하여 lookDtl 스 크 립 트 를 실행 하면 ajax 를 통 해 데이터 베 이 스 를 통 해 필요 한 다음 층 의 데 이 터 를 추출 합 니 다.jsp 페이지 에 데 이 터 를 되 돌려 줍 니 다. ajax 의 리 셋 함수 에서 방금 jsp 페이지 를 부모 트 리 를 표시 하 는 페이지 에 삽입 합 니 다.다음은 lookDtl 과 반전 함수 
    function lookDtl(jzwbh){
	budlingDivObj=document.getElementById(jzwbh);	
	var thisId=budlingDivObj.hasDtl;
	if(thisId=='0'){
		var _url="rkHouse_getHouseByJzwbh.do?jzwbh="+jzwbh+"&tempTime="+((new Date()).getTime());			
		sendAjax(_url,"houseBak","text");
	}else{
		var childLen=budlingDivObj.childNodes.length;
			
		try{			
			for(var i=4;i<=childLen;i++){
				var  tt=budlingDivObj.childNodes[i];
				//parent.alert(i+"= "+tt.innerHTML)
				if(tt.style.display=='none'){  //          
					tt.style.display='';
				}else{
					tt.style.display='none'
				}
			}
		}catch(err){}
	
	}
	
}
function houseBak(_str){	
	budlingDivObj.hasDtl='1';
	var oldbudling=budlingDivObj.innerHTML;
	budlingDivObj.innerHTML=oldbudling+_str;
	
}
    입 니 다. 
  • ajax 가 돌아 오 는 페이지 의 코드 는 맨 앞 에 추 가 된 코드 와 같 습 니 다. 이렇게 하면 몇 등급 의 나무 가 있 든 똑 같은 방법 으로 할 수 있 습 니 다.가장 중요 한 것 은 좋 은 div 를 innerHTML 로 그 를 해당 하 는 곳 에 삽입 하 는 것 이다.

    • ajax，BigPipe
    DAY3:String & Character

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage