javascript 에서 ajax를 이용해 여러 개의 데이터를 json format으로 하나로 묶어서 인코딩해 서버로 전송하는 방법

javascript 에서 ajax를 이용해 여러 개의 데이터를 json format으로 하나로 묶어서 인코딩해 서버로 전송하는 방법

(구구절절)

 

본인의 기억용 게시글임. ㅇㅇ

---- 클라 ---- javascript

// 서버로 보낼 값
var data1 = "hello";
var data2 = "world";

// json format 만들어 key : value 쌍으로 만들어 주기
var jsonData = new Object();
jsonData.key1 = data1;
jsonData.key2 = data2;

// 위에서 만든 json format을 문자열화
var sendData = JSON.stringify(jsonData);

// 서버로 전달
$.ajax({
    url:'값을 전달 받을 서버의 주소'+"?data="+encodedURIComponent(sendData),
    success : function(retData){
        var resObj = JSON.parse(retData);
        alert(resObj.ret1);   // 123 출력
        alert(resObj.ret2);   // 456 출력
    }
});

 

 

---- 서버 ---- java

// 클라로부터 온 값
String theParams = request.getParameter("data");

JSONParser parser = new JSONParser();
Object obj = parser.parse(theParams);
JSONObject jsonObj = (JSONObject)obj;

// 클라로부터 받아 온 값 출력
String data1 = (String)jsonObj.get("key1");   // hello
String data2 = (String)jsonObj.get("key2");   // world



// 클라의 success 내 retData로 갈 값
JSONObject returnObj = new JSONObject();

// json object에 key : value 쌍으로 값을 넣어 줌
resultObj.put("ret1", "123");
resultObj.put("ret2", "456");

// 서버에서 클라로 전송
out.println(resultObj.toString());