Study/JSP

[JSP] 데이타 전송

힝쏘 2019. 5. 27. 16:51

 

 

 

sendData.html

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
<!-- <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> --> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script type="text/javascript" src="sendData.js"></script> 
</head> 
<body> 
    ** 자료 입력 **<br/><br/> 
    <form action="" name="frm" id="frm"> 
        이름: <input type="text" name="irum" id="irum"><br/> 
        나이: <input type="text" name="nai" id="nai"><br/> 
        <input type="button" value="자료전송" id="add"/> 
         
        <br/><br/> 
         
        <div id="disp"></div> 
    </form> 
</body> 
</html>

 

sendData.js

$(document).ready(function() { 
    $("#add").live("click", function() { 
        var frm = $("#frm").length; 
        //alert("해당 객체가 있나요? "+frm); 
         
        // serialize : get, post 구분없이 서버로 자료전송(한글깨짐없음)  
        var form = $("#frm").serialize(); 
        $.post('sendData.jsp', form, function() { 
            alert("전송 완료!"); 
        }); 
    }); 
});

 

sendData.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" 
    pageEncoding="UTF-8"%> 
<% 
    request.setCharacterEncoding("UTF-8"); 
    String irum = request.getParameter("irum"); 
    String nai = request.getParameter("nai"); 
    System.out.println("name:"+irum+", age:"+nai); 
%>

 

저작자표시