jsp servlet(서블렛)를 통한 ajax, object 편
jsp에서 servlet를 사용해서 object 값을 보내보도록 하겠습니다.
두가지 버전으로 servlet에 보낼 생각입니다
첫번째, Object를 Json의 방식으로 보내기
두번째, Object를 String의 방식으로 보내기
var test = { 'A': '1', 'B': '2', 'C': '3', 'D': '4' }; // 테스토로 보낼 Json 값
1. cdn 으로 스크립트를 추가합니다.
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
2. json 방식으로 보내기 위한 함수
function jsonSend(test) {
$.ajax({
type: "POST",
url: "/TistoryExample/jsonSendServlet",
data: test, //json을 보내는 방법
success: function (data) { //서블렛을 통한 결과 값을 받을 수 있습니다.
alert(data);
},
error: function (e) {
alert('저장에 실패했습니다.');
}
});
}
3. json를 string 보내기 위한 함수
function jsonConvertStringSend(test) {
$.ajax({
type: "POST",
url: "/TistoryExample/jsonConvertStringSendServlet",
data: { sendString: JSON.stringify(test) }, //object의 값이 string으로 보낼 수 있습니다.
success: function (data) { //서블렛을 통한 결과 값을 받을 수 있습니다.
alert(data);
},
error: function (e) {
alert('저장에 실패했습니다.');
}
});
}
3. jsonSend, jsonConvertStringSend 함수 만들러 가기
함수 안에 url jsp 서블렛 만들러 가기
url: "/TistoryExample/jsonSendServlet",
url: "/TistoryExample/jsonConvertStringSendServlet",
다음편 보러가기
jsp servlet(서블렛)를 통한 ajax, JsonObject, JsonObject key value 편
결과 화면(결과 화면을 보시기전 서블렛은 위에 링크로 따라가셔서 진행하셔야 됩니다.)
전체 테스트 코드
'[javascript]' 카테고리의 다른 글
| Javascript(자바스크립트),Jquery 버튼(button) 클릭 해보기 (onclick) (1) | 2018.04.25 |
|---|---|
| jsp servlet(서블렛)를 통한 ajax, JsonObject, JsonObject key value 편 (0) | 2018.04.21 |
| [javascript] 자바스크립트 셀렉트(select) 초기화 , 넣기 , 빼기 , 값읽기 (0) | 2018.04.20 |
| [javascript] 자바스크립트 날짜 입력받기 (input date 날짜 받기) , datepicker (0) | 2018.04.19 |
| [javascript] 자바스크립트 배열(Array) 문자 , 숫자 , 날짜 정렬(Sort)하기 (0) | 2018.04.17 |
미나미나미