ajax 방식 으로 부분 리 셋 실현

2268 단어
JS 를 이용 하여 서버 에 요청 을 보 내 고 요청 에 응답 하 며 3 가지 요점 으로 나 뉜 다.
1. 백 엔 드 처리 페이지 에 요청 보 내기
function input() {
 			var req = new XMLHttpRequest();
 			//                         true  
 			req.open("POST","workload/SetWorkloadServlet");
 			req.setRequestHeader("Content-type",
 					"application/x-www-form-urlencoded");
 			//    	
 			var data = "ktbj=" + document.getElementById("selClassKt").value
 				+ "&kcmc=" + document.getElementById("selCourseKt").value
 				+ "&zxs=" + document.getElementById("zxs").value
 				+ "&realname=" + document.getElementById("realname").value;
 				
 			//    
 			req.send(data);
 			//           
 			req.onreadystatechange = callBack;
 				
 		}

2. 감청 응답 처리 응답
function callBack() = {
if (req.readyState === 4) {
 					if (req.status === 200) {	
 						
 						//    
 						var dataStr = req.responseText;
 						//    
 						var str = dataStr.split("&");
 						
 						var myTable = document.getElementById("table1");//  table
 						var newTr = myTable.insertRow(); //table    tr
 						
 						
 						/* document.getElementById("result").innerHTML = str[0]; */
 						for(var i=0;i

3. ajax 의 단계 적 매개 변수 ready State 의 의미
0 - (초기 화 되 지 않 음) send () 방법 이 호출 되 지 않 았 습 니 다.
1 - (불 러 오기) send () 방법 을 호출 하여 요청 을 보 내 고 있 습 니 다.
2 - (불 러 오기 완료) send () 방법 이 실행 되 었 고 모든 응답 내용 을 받 았 습 니 다.
3 - (대화) 응답 내용 분석 중
4 - (완료) 응답 내용 분석 이 완료 되 었 습 니 다. 클 라 이언 트 에서 호출 할 수 있 습 니 다.
 
4. Servlet 처리 코드
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
/ / 데이터 형식 반환 데이터 형식 설정
response.setContentType("text/plain");
/ / 캐 시 사용 안 함 설정
response.setHeader("Cache-control","no-cache”);
 
응답 데이터 의 형식 은 Servlet 설정 ContentType 에 의 해 결 정 됩 니 다.
text/xml   xml
text/html  html
text/plain  텍스트
application/json  json

좋은 웹페이지 즐겨찾기