728x90
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());
'๐ ๊ฐ๋ฐ > ์น' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
SOP ์ CORS ๊ฐ๋จ ์ค๋ช (11) | 2021.12.22 |
---|---|
443 ํฌํธ์ 8443 ํฌํธ์ ์ฐจ์ด (0) | 2021.12.09 |
YUI Compressor ์ ์ฌ์ฉํ์ฌ .js ํ์ผ์ .min.js ํ์ผ๋ก ๋ง๋๋ ๋ฐฉ๋ฒ (0) | 2021.10.06 |
[์๋๋ก์ด๋] AsyncTask ์ HttpURLConnection ...(2) Web Sample Code (jsp) (0) | 2021.09.14 |
[์๋๋ก์ด๋] ์น๋ทฐ ๋๋ฒ๊น ์ฝ๊ฒ ํ๋ ๋ฐฉ๋ฒ - Chrome inspect ์ฌ์ฉ๋ฒ (1) (0) | 2021.05.02 |
๋๊ธ