Frontend/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. 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. 동기와 비동기식 결과 차이 동기와 비동기의 차이를 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. Ajax 코딩 절차 * Ajax 코딩 절차① XMLHttpRequest 생성② HttpProtocol 구성③ Callback Function 지정④ Request.send(data/null)⑤ Callback Function 구현 * 예제1234567891011121314151617181920212223242526272829303132var request = null; function createRequest(){ try{ request = new XMLHttpRequest(); }catch(trymicrosoft){ try{ request = new ActiveXObject("Msxml2.XMLHTTP"); }catch(othermicrosoft){ try{ request =new ActiveXObject("Microso.. 2018. 5. 17. Ajax 기본개념 Ajax 란?Asynchronous JavaScript + XML의 줄임말로,javaScript 기반으로 웹페이지를 처리하는 비동기식 스크립트이며,서버 처리를 기다리지 않고 비동기(Asynchronous)요청이 가능하다. 2018. 5. 17. 이전 1 다음
