개발 공부 - javascript에서 비동기로 java 서버와 전송하는 법

 json을 사용한다.

클라이언트 소스 : 

 // 서버로 보낼 값

var data1 = "hello";

var data2 = "world";

 

var jsonData = new Object();

jsonData.key1 = data1;

jsonData.key2 = data2;

 

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 출력

    }

 });

서버 소스 :

String theParams = request.getParameter("data");

String decodedParams = URLDecoder.decode(theParams);   // 클라에서 인코딩해 보냈으니 서버에서는 디코드해 사용

 

JSONParser parser = new JSONParser();

Object obj = parser.parse(theParams);

JSONObject jsonObj = (JSONObject)obj;

 

// 클라의 success 내 retData로 갈 값

JSONObject returnObj = new JSONObject();

 

// 클라로부터 받아 온 값 출력

String data1 = (String)jsonObj.get("key1");   // hello

String data2 = (String)jsonObj.get("key2");   // world

 

resultObj.put("ret1", "123");

resultObj.put("ret2", "456");

 

out.println(resultObj.toString());

출처 : https://devshin93.tistory.com/3

ajax를 안 사용하고 어렵게 하는 법을 추천했으나 결국 비동기로 구현 하셨다.