Ajax 기반 무한 급 메뉴

Form 의 플래시 없 는 제출 을 지원 합 니 다(방법 이 좀 멍청 합 니 다)MVC 프레임 워 크 를 지원 합 니 다.즉,전통 적 인 웹 구조 다 중 스 레 드 병행 요청(언어 지원 스 레 드)동적 로드 파일 을 지원 합 니 다.유용 한 것 만 불 러 옵 니 다!Ajax 프레임 이 비대 해진 JS 파일 문 제 를 처 리 했 습 니 다.no table 의 전체 div+css 레이아웃 사용 하기
a.XML HTTP Request 대상 을 얻 었 고 인터넷 에서 여기저기 찾 을 수 있 습 니 다.
function newXMLHttpRequest() {var xmlreq = false;if (window.XMLHttpRequest) {xmlreq = new XMLHttpRequest();} else if (window.ActiveXObject) {try {xmlreq = new ActiveXObject("Msxml2.XMLHTTP");} catch (e1) {try {xmlreq = new ActiveXObject("Microsoft.XMLHTTP");} catch (e2) {}}}return xmlreq;}다 중 브 라 우 저 를 지원 하 는 일반적인 방법 을 제공 합 니 다.
b.비동기 요청
 
//여기 서 Bcandy 를 방법 명 으로 사용 하 는 것 은 저 에 게 매우 중요 한 사람 에 게 감사 하기 위해 서 입 니 다.그녀 는 저 를 지지 해 왔 습 니 다 function Bcandy(Tid,url,parm,js){if(url=="){return;}/이것 은 정보 알림 상 자 를 불 러 오 는 것 입 니 다.받 지 않 아 도 됩 니 다!document.getElementById("load").style.visibility = "visible";//해당 페이지 의 JS 파일 을 불 러 옵 니 다 if(js!=null){//JS 파일 로드 JS(js);}//XML HttpRequest 실례 var req=newXML HttpRequest();/요청 대상 으로 부터 리 셋 알림 을 받 을 핸들 함수 var handler Function=getReady StateHandler(req,Tid)를 설정 합 니 다.req.onreadystatechange = handlerFunction;// 세 번 째 매개 변 수 는 요청 이 비동기 적 인 req.open("POST",url,true)임 을 나타 낸다.//지시 요청 체 는 form 데이터 req.setRequestHeader("Content-Type","application/x-www-form-urlencoded")를 포함 합 니 다.//매개 변수 req.send(parm)보 내기;}
function getReady StateHandler(req,Tid){//감청 XML HttpRequest 인 스 턴 스 를 되 돌려 주 는 익명 함수 return function(){/요청 한 상태 가"완료"if(req.ready State==4){//서버 응답 if(req.status===200){//다음 문장 이 중점 이 라면 정 보 를 되 돌려 주 는 내용 부분 을 표시 하고 수정 할 수 있 습 니 다.다른 처리 document.getElement ById(Tid).innerHTML=req.responseText;document.getElementById(Tid).style.visibility = "visible";//이 문장 은 불 러 오 는 정보 알림 상자 의 숨 김 을 실현 하 는 것 이 며,받 지 않 아 도 된다.document.getElementById("load").style.visibility = "hidden";} else{//HTTP 문제 가 발생 하여 document.getElement ById("load").style.visibility="hidden";alert("HTTP error: "+req.status);}}}}
//JS 파일 을 동적 으로 불 러 오 는 함수 LoadJS(file){var head=document.getElementsByTagName('HEAD').item(0);var script = document.createElement('SCRIPT');script.src = file;script.type = "text/javascript";head.appendChild(script);}이것 이 기본 프레임 워 크 입 니 다.request.responseText 를 사 용 했 기 때 문 입 니 다.따라서 jsp,servlet 페이지 를 직접 요청 할 수 있 지만 Struts 프레임 워 크 를 사용 하 는 요청 을 할 때 특수 처 리 를 해 야 합 니 다.Form 은 비동기 요청 을 지원 하지 않 기 때 문 입 니 다.이 페이지 에라벨 을 추가 하지 않 는 것 을 권장 합 니 다.마치.net 의 asxm 파일 과 같 습 니 다!그리고 Struts 프레임 워 크 를 사용 할 때 주의해 야 할 것 은 Mapping 대상 이 null 로 직접 돌아 가면 됩 니 다.왜냐하면 우 리 는 아래 에서 동시 다발 다 중 스 레 드 를 이야기 할 것 이기 때 문 입 니 다.이 문 제 를 처리 하 러 왔 습 니 다.전반적 으로 보면 블록 을 쌓 은 것 같다.이렇게 하면 파일 의 수정 과 확장 이 편리 하고 서로 영향 을 주지 않 으 며 코드 와 태그 분 리 를 실현 합 니 다.전통 적 인 페이지 를 개편 할 때 도 모든 코드 를 다시 작성 할 필요 가 없다.작은 부분 만 수정 하면 아 약 스 가 가 져 온 무 섬 리 셋 쾌감 을 완벽 하 게 실현 할 수 있다.
이상 코드 는 모두 IE,FireFox 에서 테스트 한 적 이 있 습 니 다!