본문 바로가기

개발121

[jQuery] Ajax로 Cross-domain에서 POST로 전송하기... 엥??? Cross-domain에서 POST 전송이 안되나??? 물론 다 그런건 아니구요~ HTML의 FORM을 이용한 전송에서는 POST 전송이 됩니다. Ajax 를 이용해 전송할 때 POST 전송이 안된다는 거죠... Ajax를 이용해서 GET 전송을 할 때는 뭐 이것 저것 가능한 기술들이 많이 있습니다. JSONP 형식으로 전송하면 응답 받은 내용으로 다른 작업도 가능하죠~ 아마도 두 사이트 간 검색어 자동완성 기능은 이 기술을 쓰고 있을거라 추측해 봅니다. 아직까진 이런 저런 기술들로 잘 지내 왔었는데, 이런!! 전송할 데이터 양이 많아지니 문제가 되는군요... GET 으로 전송할 수 있는 데이터양에는 한계가 있습니다. 아마도 2KB 정도였던 것 같은데, 이걸로 만족시키지 못하는 프로젝트... 분.. 2011. 4. 13.
jQuery의 Ajax를 동기식(Synchronous) 전송을 Cross-domain에서 쓰는건 힘든듯!! 제 결론!!! Ajax를 Cross-domain상에서 동기식으로 전송하는 것을 피해야 할 것 같습니다!!! 요즘 진행중인 프로젝트는 Cross-domain을 많이 사용하게 됩니다. 이거 하다보니, 보안문제 등 여러 문제가 많이 거슬리게 됩니다. JSON과 JSONP에 대한 공부를 하게 된 것도 이 때문이죠~ 그런데 최근에 작성한 코드에서 이상한 문제가 발생한 것입니다. Ajax의 장점인 동기식 전송을 버리고 비동기식으로 전송해야 하는 상황이 생겼는데~ 크로스 도메인에서 제대로 작동하지 않는 것입니다. 이 문제 찾느라고 또 반나절을 훌쩍~ 문제가 되는 코딩 http://www.sitea.com/index.html test.json.php 2011. 3. 28.
jQuery 1.4와 1.5의 마우스 이벤트 차이(mouseover와 mouseleave) jQuery 1.5.1 버전이 나왔습니다. 오오!! 이건 뭔가 하고 테스트중인 사이트에 적용시켰습니다. 이런 -_-; 작동하지 않는 소스가 있더군요~ 럴수럴수!!! 전에 쓰던 1.4.4 버전에서는 잘 되다가 1.5.1 버전부터 문제가 생긴 듯 했습니다. 처음에는 jQuery 문제인 줄 몰라서 한참을 헤맸었죠~ 후훗 문제가 발생한 부분은 .hover() 를 이용한 부분이었습니다. 살펴보니 .hover() 를 이용해서 만든 이벤트에서 .trigger('mouseout')으로 작동시키는 부분이 문제더군요~ 그래서 mouseout 이벤트에 대해서 좀 살펴봤습니다. .hover() 또한 살펴봤죠~ 엄청난 사실을 알아냈습니다. 전부터 그랬는데 못보고 지나친건지 원래 그랬는데 그동안 작동했던건지 알 순 없지만... .. 2011. 3. 24.
외부 js 파일의 경로 찾아오기 불러온 js 파일의 경로를 찾는 블로그를 발견했습니다~ 실제로 함수를 사용해 보니 자신을 로드한 위치가 뜨더라구요~ 제가 원하는건 js 파일이 들어있는 경로를 반환 받는건데요... 위와 같은 스크립트 문이 로드되면 /a 가 나오는거죠~ 자료를 찾은 블로그의 함수를 이용해서 만들어 보려고 했는데... 잘 안되더라구요~ 그래서 코드를 재작성 했습니다.(기볹거인 아이디어는 위 블로그에서 그대로 가져왔습니다.) 아래 함수와 실행문을 'js'파일의 상단에 넣어주시면 됩니다. function getJsPath() { var scriptList = document.getElementsByTagName("script"); var fileName = scriptList[scriptList.length - 1].src; .. 2011. 3. 9.

티스토리툴바