본문 바로가기

컴퓨터/네트워크,인터넷

div 태그를 이용한 새로고침 없이 데이터 가져오기

test2.jsp

<%@ page contentType="text/html; charset=euc-kr"%>

<html>
<head><title>div태그 연습</title></head>
<script language="javascript">
 
</script>
<form name="testform">
<input type="hidden" name="data" value>
</form>
<body>
 <div id="haha">
  <table border="0">
   <tr>
    <td>
     <%
     String strTest = "test242424";
     out.println(strTest);
     %>
    </td>
   </tr> 
  </table>
 </div>
</body>
<script language="javascript">
{
 //document.testform.data.value = document.all.haha.innerHTML;
 //window.opener.document.all.test.innerHTML = document.all.haha.innerHTML;
 //window.document.frmName.test.innerHTML = document.all.haha.innerHTML;
 //self.close();
}
</script>
   <script>
        parent.divContainer.innerHTML = document.all.haha.innerHTML;
        </script>
       


</html>


test2_1.jsp

<%@ page contentType="text/html; charset=euc-kr"%>
<html>
<head><title>div태그 연습</title></head>
<script language="javascript">
 /* 특정 부분을 출력할때 쓰임 */
 function test(){ 
 objForm = document.frmName;
 objForm.target = "iframeProcess";
 objForm.action = "test2.jsp";
 objForm.submit();
 
 }
</script>
<body>
<iframe name="iframeProcess" width=0 height=0></iframe>

<table>
 <form method="post" name="frmName">
 <tr>
  <td><a href="javascript:test();" style="cursor:hand">뭐에요?</a>
  </td>
 </tr>
 </form>
 <tr>
  <td>  
   <div id='divContainer'></div>  
  </td>
 </tr>
</table>
</body>
</html>

제주삼다수, 2L,... 오뚜기 진라면 매운... 상하목장 유기농 흰... 남양 프렌치카페 카... 고려인삼유통 홍삼 ... 종근당건강 오메가3... 요이치 카링 유무선...