1. AJAX๋ฌธ๋ฒ ์ฌ์ฉ ์ ์ ์ํ ์
1) ์๋ฐ์คํฌ๋ฆฝํธ ์ค๋ธ์ ํธ์ JSON์ ์ค๋ธ์ ํธ๋ ๋ค๋ฅด๋ค.
์๋ฐ์คํฌ๋ฆฝํธ ์ค๋ธ์ ํธ๋ ์ ์ผ๋ก ์ฐพ์์ ์๋ค.
<!DOCTYPE html>
<html>
<body>
<div id="demo">
<h2>The XMLHttpRequest Object</h2>
<button type="button" onclick="loadDoc()">Change Content</button>
<a href="ajax_info.txt">ํ์ผ์ด๋</a>
</div>
<script>
var user = {
name: "seoha",
age: 20
};
console.log(user); // ์๋ฐ์คํฌ๋ฆฝํธ ์ค๋ธ์ ํธ์ ๋ชจ์
console.log(JSON.stringify(user)); // ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ JSONํํ๋ก ๋ณ๊ฒฝํ์ฌ ์ถ๋ ฅํ๋ ํจ์
</script>
</body>
</html>
๊ฒฐ๊ณผ๊ฐ
2)๋ฐ์ดํฐ๋ฅผ ๋ฐ์ดํฐ๋ฅผ ๋ณด๋ผ๋์๋ contentType์ ์ ํํ๊ฒ ๋ณด๋ด์ฃผ์ด์ผ ํ๋ค.
contentType:"application/json", // ์ ์ด์จ ํํ๋ก ๋ณด๋ด๊ฒ ๋จ,ใด MIME ํ์ data : JSON.stringify(user) // javaseript์ json์ ์ค๋ธ์ ํธ๋ ๋ค๋ฅด๊ธฐ๋๋ฌธ์ JSONํํ๋ก ๋ณํํ์ฌ // ๋ณด๋ด์ค๋ค๋๊ฒ์ ๊ผญ ๋ช ์ ํ์ฌ์ผ ํ๋ค.
3)form, QueryString์ getparmeter๋ก ๋ฐ๊ณ ์ด์ธ์ ๋ฐ์ดํฐ๋ ๋ชจ๋ ๋ฒํผ๋ก ๋ฐ๋๋ค.
* ํต์ผ์ฑ์ ์ํด ๋ณดํต JSON์ผ๋ก ์ฃผ๊ณ ๋ฐ๋๋ค.
์ฌ์ฉํ ๋์๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ค๋ธ์ ํธํํ๋ก ์ฌ์ฉํ๊ธฐ๋๋ฌธ์ ์ก์์ ์ ๋ฐ์ดํฐํ์์ผ๋ก ๋ณํํ๋ค.
JSON.parse(์ ์ด์จ๋ฐ์ดํฐ); - ์๋ฐ์คํฌ๋ฆฝํธ ์ค๋ธ์ ํธํ์์ผ๋ก ๋ณ๊ฒฝํด์ค , ์์ ์ ์ฌ์ฉํ๋ค.
JSON.Stringify(์๋ฐ์คํฌ๋ฆฝํธ์ค๋ธ์ ํธ); - ์์ ์ด์จ๋ฐ์ดํฐ ์ค๋ธ์ ์ค ํ์์ผ๋ก ๋ณ๊ฒฝํด์ค , ์ก์ ์ ์ฌ์ฉํ๋ค.
๋ฐ์์ ์๋ฐ ์ค๋ธ์ ํธ๋ก ๋ณ๊ฒฝ์ ๋์์ฃผ๋ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ์ง์ ,
์ง์ ๊ณผ ๊ฐ์ ์ญํ ์ ํ๋ ์๋ฐ ํจ์
- toJson() == JSON.Stringify ; fromJson() = JSON.parse;
dto : ๋ฐ์ดํฐ ํธ๋์คํฌ ์ค๋ธ์ ํธ, ๋ฐ์ดํฐ๋ฅผ ์ ์กํ๊ธฐ์ํ ๋ชจ๋ธ๋ง
dao :
model : ๋ฐ์ดํฐ๋ฒ ์ด์ค์ ํต์ ํ๊ธฐ ์ํ ๋ชจ๋ธ
'java' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
์ ํ๋ฆฌ์ผ์ด์ ๋ฐฐํฌํ๊ธฐ(1)-์์ํ๊ธฐ AWS์ฌ์ฉ (0) | 2020.11.12 |
---|---|
ํ๋ก์ ํธ ๋ชจ๋ธ๋ง (0) | 2020.11.12 |
JSP - AJAXํต์ ์ ๋ฌธํ๊ธฐ (0) | 2020.11.12 |
JSP - ๊ฒ์ํ๋ง๋ค๊ธฐ(11) - ์ฃผ์ API ์ฌ์ฉํ๊ธฐ (0) | 2020.11.12 |
์คํ๋ฆฌ๋ง ๋ถํธ ๊ธฐ๋ณธ๊ฐ๋ (0) | 2020.11.11 |