Ajax3 (22.11.10)Web ํ๋ก๊ทธ๋๋ฐ: AJAX ๋ฐฉ์์ ์ด์ฉํ ์น ๊ตฌ์ถํ๋ก๊ทธ๋๋ฐ(JSON, MVC) userList.jsp ํ๋จ์ [๋ช ๋จ ๋ณด๊ธฐ] ๋ฒํผ์ ์์ฑํ๊ณ ๊ทธ ๋ฒํผ์ ํด๋ฆญํ๋ฉด alert ์ ๋ชจ๋ ์ด์ฉ์์ ์ด๋ฆ์ด ํ์๋๋๋ก ํ๋ผ ์๋ฒ์ธก์์ ๋ชจ๋ ์ด๋ฆ์ ๊ตฌํ์ฌ JSON๋ฐฐ์ด ํ์์ ๋ฌธ์์ด๋ก ์๋ตํ๋ฉด ์๋ฐ์คํฌ๋ฆฝํธ์์๋ ๊ทธ ๋ฌธ์์ด์ ์์ ํ์ฌ JSON.parse(str)๋ฅผ ์ฌ์ฉํ์ฌ ์๋ฐ์คํฌ๋ฆฝํธ๋ฐฐ์ด์ ์ฌ์ฉํ ์ ์๋ค. java๋ฅผ ์ฌ์ฉํ json๋ฐฐ์ด ํ์์ ๋ฌธ์์ด ์์ฑ๋ฒ String strArr = "[\"Smith\", \"Mary\"]" (๋ฐธ๋ฅ์ ์ฐ์) out.println(strArr) json simple ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ jsonarray ํด๋์ค๋ฅผ ์ฌ์ฉํ๋ฉด ์ฝ๊ฒ json๋ฐฐ์ด์ ํ์์ ๋ฌธ์์ด ์์ฑ ๊ฐ๋ฅ ๋ฌธ์์ด >1 json ์ค๋ธ์ ํธ >2 json ๋ฐฐ์ด ์๋ฒ์์ ํ ์คํธ๋ฅผ ๋ณด๋ด์ ๋ธ๋ผ์ฐ์ ์์ ๊ฐ์ฒด๋ก์ ๋ถ๋ฆด ์ ์.. Web programming 2022. 11. 10. (22.11.09)Web ํ๋ก๊ทธ๋๋ฐ:AJAX๋ฐฉ์์ ์ด์ฉํ MVC/JSON,json-simple.jar ์ฌ์ฉ์ ์ ๋ณด ์ถ๊ฐ ๊ธฐ๋ฅ์ AJAX ์์ฒญ์ผ๋ก ๊ตฌํ ์ฌ์ฉ์ ์ ๋ณด ์ถ๊ฐ ์ฑ๊ณต์ ํด๋น ์ ๋ณด์ ์์ธ์ ๋ณด ํ๋ฉด์ผ๋ก ์ด๋ Cache userRegForm.jsp 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 ์ด์ฉ์ ์ ๋ณด ๋ฑ๋ก #main {width:fit-content; margin:0 auto; } h3 { text-align: center; } form { width:fit-content; border:1px solid .. Web programming 2022. 11. 9. (22.11.08)Web ํ๋ก๊ทธ๋๋ฐ: AJAX, JSON, jQuery,DOM ์ด์ฉ์ ์์ธ๋ณด๊ธฐ์์ ์ด๋ฉ์ผ ์์ ๊ณผ ์ด์ฉ์ ์ญ์ ๊ธฐ๋ฅ ๋ฃ๊ธฐ UserController ์๋ธ๋ฆฟ ํด๋์ค 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 import java.io.IOException; import java.util.List; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet;.. Web programming 2022. 11. 8. ์ด์ 1 ๋ค์