본문 바로가기

Ajax5

[JavaScript] Ajax Error Callback 에서 this.~ 호출 주의 Ajax 통신 시 보통 에러 콜백을 설정해서 후단 처리를 진행하는데, 에러 콜백에서 같은 스크립트 파일에 있는 function 을 부르겠다고 this.~ 을 하게 되니 크롬에서 오류가 발생했음.. 이유는, this 를 걸어버리는 순간 'a' 가 아니라 'ajax' 를 바라보기 때문임... var a = { /* 알럿을 띄우는 function */ displayAlert : function(msg) { alert(msg); }, /* 여기부터 실행한다고 가정 */ init : function() { $.ajax({ url : ~~~ ... success : function() { console.log("success!"); }, error : function() { this.displayAlert("알럿을.. 2019. 10. 2.
ajax 에서의 parsererror 에러 Ajax 로 데이터 통신을 하는데, 분명1. readyStatus: 42. status: 200정상적으로 통신했고, 내가 원하는 데이터 ("FAIL") 도 잘 넘어왔음에도 불구하고statusText 가 "parsererror" 로 떨어져서 success 가 아닌 error 로 잡혔다 ;; ( console.log 로 error 를 찍은 결과 ) 왜그런고 하니,ajax 통신시 내가 명시적으로 작성한 dataType 과 서버에서 내려오는 dataType 이 일치하지 않아 발생한 오류였다. 나같은 경우는 dataType 을 "text" 로 변경하니 그제서야 success 로 내려오더라 ;; 참고참고 ! 2018. 11. 26.
jsp 에서 ajax 통신시 한글깨짐 jsp 에서 ajax 통신하는데 값이 한글이 깨져서 넘어갔다.web.xml 이나 jsp 상단에 인코딩 적어주는 부분은 잘 됐는데 sweetalert 을 사용해서 인지.. 아무쪼록 해결했다. 1. ajax 보낼 때 값에 escape 활용해서 인코딩을 하고1escape(encodeURIComponent(inputData))cs2. rest controller 에서 값을 받을 땐 디코딩을 했다!1cartDetail = new String(URLDecoder.decode(cartDetail,"UTF-8"));cs 참고 : http://guraguna.tistory.com/41 2018. 7. 27.
Unsupported Media Type (415) 415 Unsupported Media Type 발단 : jsp 에서 post 방식으로 ajax 처리하려고 했는데 해당 오류가 발생했다.원인 : post 방식으로 데이터를 요청할 때 헤더가 있어야 하는데 헤더를 안적었다.해결 : ajax 내 아래구문을 추가하니 해결됨!123456....headers : { "Accept" : "application/json", "Content-Type" : "application/json"},....Colored by Color Scriptercs 2018. 7. 17.
동기와 비동기식 결과 차이 동기와 비동기의 차이를 request.readyState 메소드를 통하여 확인해보자. 더보기 더보기 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 74 75 76 77 78 79 80 81 82 83 84 85 86 var request = null; function createRequest(){ try{ request = new XMLHttpRequest(); //Debug.. .. 2018. 5. 23.