์ฒซ๋ฒ์งธ ํ์์ดํ ๊ตฌํ ํ ์คํธ ์ค ์ ๋จน์๋ ๋ถ๋ถ ..
ajax๋ฅผ ์ด์ฉํด์ ์๋ฒ๋ก jsonํ์
์ ์ ๋ฌํ ๋ js ์ค๋ธ์ ํธ๋ฅผ ๊ทธ๋ฅ ๋๊ธฐ๋ฉด ์ ๋๋ค.
js ์ค๋ธ์ ํธ๋ฅผ jsonํ์
ํฌ๋ฉง์ ๋ฌธ์์ด๋ก ๋ฐ๊ฟ์ ๋๊ฒจ์ค์ผ ํ๋ค.
์ด๊ฒ ๋ฐ๋ก
JSON.stringify()
๋ฅผ ์ด์ฉํด์ ์๋ฒ๋ก ์ ๋ฌ์ contentType
ํค๋๋ ๊ผญ ์ค์ ํด์ค์ผ ํ๋ค.
์๋ฒ ์
์ฅ์์๋ ๊ทธ๋ฅ ๋ฌธ์์ด์ด ์ ๋ฌ๋๋ ๊ฒ์ด๊ธฐ ๋๋ฌธ์ ํด๋น ๋ฌธ์์ด์ด json ํฌ๋ฉง์ด๋ผ๋ ๊ฒ์ ์๋ ค์ค์ผ ํ๋ค.
$.ajax({
data: jsObj,
contentType: "application/json; charset=utf-8",
...
)}
<input class="form-check-input" type="radio" value="๊ฐ์ ธ์ฌ ๊ฐ" name='radioName'>
<input class="form-check-input" type="radio" value="๊ฐ์ ธ์ฌ ๊ฐ" name='radioName'>
...
name
์์ฑ์ผ๋ก ๊ฐ ๊ฐ์ ธ์ค๊ธฐ
name
์ด checkType
์ด๊ณ checked
์์ฑ์ด ์ถ๊ฐ๋ radio
๊ฐ์ ๊ฐ์ ธ์จ๋ค.
$("input[name='checkType']:checked").val()
Collection์ item ์ค ํน์ ํค ๊ฐ์ผ๋ก ์ค๋ณต์ ์ ๊ฑฐ
codes
์ปฌ๋ ์
์์ group
์ ํค ๊ฐ์ผ๋ก ํ๋ ๊ฐ์ ์ค๋ณต์ ์ ๊ฑฐํ๊ณ ๊ฐ์ ธ์จ๋ค.
codes = list(db.codes.find({}).distinct('group'))
์ด์ํ๊ฒ ๊ณ์ ์ด ๋ถ๋ถ์ด ์ ๋์ง ์์ ๋๋ถ์ find
์ ๋ํด ์ฐพ์๋ณด๋ฉฐ ๊ต์ฅํ ๋ง์ด ๋ฐฐ์ ๋ค..
ํ์์ดํ ๊ตฌํ ํ ์คํธ๋ฅผ ์๊ฐ๋ง ์ ๊ฒฝ์ฐ๋ฉด์ ํฐ ํ์ ๋ณด์ง ๋ชปํ๊ณ ๊ตฌํ์ ํ๋ ์ถฉ๋ถํ ํด๊ฒฐํ ์ ์๋ ๋ถ๋ถ๋ ํ์ง ๋ชปํ๋ค.. ๋์์ ๋ณด๊ณ ๋ฐ๋ก ๋ค์ง๊ณ ์ง ํ๋ฉด๋ถํฐ ์ง๋ฒ๋ฆผ..
๋ค์๋ฒ ํ์์ดํ ๋๋ ์ต๋ํ ํฐ ํ? ํ๋ฆ? ์ ์ดํดํ๋๋ฐ ์ง์คํ๋๋ก..!