jquery ajax 연동 get 방식

it/ajax 2014. 9. 11. 11:13 Posted by 하얀나다

ajax_get_csv.jsp

 

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

 <script type="text/javascript" src = "libs/jquery-1.9.1.min.js">
 </script>
 <script>

  $(document).ready(function(){
   var param = {cate: "book" , name: "kim"};
   $.get("01_server.jsp",param,parseData);
   alert("전송")
  });
 

  function parseData(strText){
   
   var cate = document.getElementById("cate");    
   var name = document.getElementById("name");
  
   var aryData = strText.split("|");
      
   for(var i=0;i<aryData.length;i++){
    var keyValue  = aryData[i].split("=");    
    if( keyValue[0].trim() == 'cate'){
     cate.value = keyValue[1];
    }
    
    if( keyValue[0].trim() == 'name'){
     name.value = keyValue[1];
    }   
   }   
  }
 </script>
</head>


<body>
서버로부터 넘겨받은 데이터<br/>
첫번째 데이터 : <input type="input" name="" id="cate"/><br/>
두번째 데이터 : <input type="input" name="" id="name"/><br/>
</body>
</html>


server,jsp

 

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
   
<%
 // 1. 이전 화면에서 넘겨받은 데이타
 String cate = request.getParameter("cate");
 String name = request.getParameter("name");
 
 // 2. 다시 화면으로 보낼 데이터 구성
 cate="서버로부터"+cate;
 name="from_server_"+name;
 out.write("cate="+ cate+"|name=" + name);
 
%>   

 

 

 

'it > ajax' 카테고리의 다른 글

loadjson  (0) 2014.09.11
jquery ajax 연동 post 방식  (0) 2014.09.11
ajax 디비연동  (0) 2014.09.11
아작스 ajax 서버 주고 받기  (0) 2014.09.11