jQuery์ AJAX ํจ์๋ฅผ ํตํด POST๋ฅผ ์๋ํ ๋ crossDomain: true๋ฅผ ์ฌ์ฉํ์ฌ ํ ์คํธ ์๋ฒ๊ฐ POST ๋ฆฌ์์ค๋ฅผ ์ฌ์ฉํ ์ ์๋๋ก ํ ์ ์์ต๋๋ค. ์ด๋ฅผ ํ์ฉํ๋๋ก ๋ฆฌ์์ค๋ฅผ ์ค์ ํ์ฌ ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ต๋๊น? ์๋๋ฉด ๋ด ์ชฝ์์ ๋ค๋ฅด๊ฒ ํด์ผ ํฉ๋๊น? ์ด ๊ฒฝ์ฐ JSONP๋ฅผ ์ฌ์ฉํ์ง ์๋ ๊ฒ์ด ์ข์ต๋๋ค.
XMLHttpRequest cannot load http://jsonplaceholder.typicode.com/posts. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8081' is therefore not allowed access.
์ด๊ฒ์ ๋ด Chrome ๋ธ๋ผ์ฐ์ ์ ๊ฒฐ๊ณผ์ผ ์ ์์ต๋๋ค.
open -a Google\ Chrome --args --disable-web-security
๋ฌธ์ ๋ฅผ ์ฐํํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ฌธ์ ๋ฅผ ์ข ๋ฃํฉ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
์ด๊ฑฐ ์ด๋๋ค ์ฐ๋๊ฑฐ์ผ?
Mac OSX ๋๋ Linux ํฐ๋ฏธ๋์์. Windows๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ Chrome ํ๋๊ทธ ์ค์ ์ ์ดํด๋ณด์ธ์.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด๊ฒ์ ๋ด Chrome ๋ธ๋ผ์ฐ์ ์ ๊ฒฐ๊ณผ์ผ ์ ์์ต๋๋ค.
๋ฌธ์ ๋ฅผ ์ฐํํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ๋ฌธ์ ๋ฅผ ์ข ๋ฃํฉ๋๋ค. ์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!