Ajax 는 xml 파일 데이터 베 이 스 를 삽입 합 니 다 (2) - ajax 는 jsp 와 의 데이터 상호작용 을 실현 합 니 다.

앞에서 우 리 는 자바 script 으로 xml 파일 을 분석 하 는 방법 을 소개 했다. 본 고 는 앞에서 분석 한 xml 파일 의 데 이 터 를 계승 하여 이 데 이 터 를 배경 으로 전달 해 야 한다.여기 서 우 리 는 먼저 js 로 해 석 된 데 이 터 를 문자열 로 연결 한 다음 jsp 에 가서 해석 규칙 에 따라 전 달 된 데 이 터 를 분해 한 후에 다시 조립 하여 우리 가 원 하 는 형식 을 얻 을 수 있 습 니 다.다음 코드 는 먼저 Ajax 를 통 해 분 석 된 xml 데 이 터 를 jsp 에 전달 합 니 다.
  <script     language="javascript">   
		var xmlHttp=null; 
		function readyStateChangeHandle() { 
			if(xmlHttp.readyState==4) { 
				if(xmlHttp.status==200) {					
					alert("    ");
				}else{ 
					alert("    "); 
				} 
			} 
		} 
						
		function ajaxRequest(transData) { 
			if(window.XMLHttpRequest) { 
				xmlHttp=new XMLHttpRequest(); 
			}else if(window.ActiveXObject){ 
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); 
			} 
				
			xmlHttp.onreadystatechange=readyStateChangeHandle; 
			xmlHttp.open("POST","index.jsp?transData=" + transData,true); 
			xmlHttp.send(null); 
		} 

		function insertAllData(){
			var stringData="";
			var dataCollection = readAllChildNode('authority.xml','userId');
			for(var i=0;i<dataCollection.length;i++){
				stringData = stringData+dataCollection[i] + ",";
			}
			
			ajaxRequest(stringData);			
		}

상기 함수 간 호출 과정 은 클 라 이언 트 가 단 추 를 누 르 면 js 의 insertAllData () 함 수 를 터치 합 니 다. 이 함 수 는 실행 과정 에서 원래 구 축 된 js 라 이브 러 리 의 방법 으로 xml 파일 을 분석 하고 해 석 된 데 이 터 를 문자열 로 연결 한 다음 ajax Request () 방법 으로 연 결 된 문자열 을 post 방식 으로 index. jsp 에 전달 합 니 다.jsp 에서 전 송 된 문자열 을 가 져 온 후 규칙 에 따라 우리 가 원 하 는 액 데이터 로 다시 구축 하 는 과정 은 다음 과 같 습 니 다 (jsp 에서 코드).
<%@ page language="java" import="java.util.*" contentType="text/html; charset=GB18030"
 pageEncoding="GB18030"%>
 <%@ page import="UserManager.*" %>
<%
	//      
	request.setCharacterEncoding("GB18030");
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	//               
	String receiveStr = request.getParameter("transData");
	//          
	receiveStr = receiveStr.substring(0, receiveStr.length() - 1);
	//              
	String[] m =receiveStr.split(",");
	//     javaBean  
	UserManager userManager = new UserManager();
	int x=0;	
	for(int a = 0; a < m.length / 3;a++){				
		ArrayList<String> n1 = new ArrayList<String>();
		//                        ArrayList 
		for(int i =3*x ;i<3*x+3;i++){
			n1.add(m[i]);						
		}
		x++;
		//       ArrayList          
		String[] values = (String[])n1.toArray(new String[0]);
		//  javabean             
		userManager.insertUser(values[0], values[1], values[2]);
	}
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
  </head>
  
  <body>
    This is my JSP page. <br>
  </body>
</html>

위의 코드 에서 우 리 는 클 라 이언 트 에서 받 은 데 이 터 를 분리 하고 일정한 규칙 에 따라 새로운 구조 로 재 구성 하 며 자바 빈 의 관련 방법 으로 데이터 의 삽입 을 실현 했다.다음 글 에서 우 리 는 이 과정의 마지막 부분 (즉, 자바 빈 관련 방법 으로 삽입) 을 소개 할 것 이다.
Ajax 는 xml 파일 데이터 삽입 데이터베이스 (1) - xml 파일 을 분석 하 는 js 라 이브 러 리 를 구축 합 니 다.
Ajax 는 xml 파일 데 이 터 를 데이터베이스 에 삽입 합 니 다 (3) - javabean 은 데이터베이스 삽입 을 실현 합 니 다.

좋은 웹페이지 즐겨찾기