javascript9 [제이쿼리 jquery] jquery Ajax 이후에 Popup 해야 하는 경우 개요Jquery Ajax 통신 후에 팝업창을 띄우고자 할 때가 있습니다. 저의 경우는 크롬을 사용중입니다. 다른 브라우저는 확인을 못했습니다. 이 경우에, 비동기 통신 후 window.open(주소) 를 호출하게 되겠지요. 본문(일반 Ajax 예시) // ajax process $.ajax({ url:"url주소", method:"POST", data:formData, dataType:"html", success: eventSuccess, error: function(xhr, status, error) {alert(error);} }); function eventSuccess(data) { alert(data); } 이런 식으로 Ajax 통신을 할 것입니다. 그런데 통신 이후에 Alert 창을 띄우는 것.. 2015. 10. 15. JSON 타입을 문자열로 변환 개요JSON 타입 을 문자열로 변환하는 것에 대한 내용입니다. JSON 에 대해서 간단 설명JSON (JavaScript Object Notation) - 자바스크립트 의 간략한 오브젝트 형. - 사용하기 쉽다. - var 변수 = {이름: "홍길동", 주소:"가나다라"}; 본문JSON 은 일종의 Object 타입에 가깝습니다. 문자열 같아보이기는 하지만, 접근법에 있어서 문자열은 아닙니다. 이 경우에 무언가를 치환한다거나, 디버깅 할 때에 불편한 요소가 발생하기도 하는데, 혹은 request 를 날리거나 하는 경우에, 문자열로 치환할 필요가 생기기도 합니다. 초반에는 잘 사용이 안 되가다가, 최근에는 종종 사용하게 되네요. 아래와 같은 함수를 이용하면 됩니다. JSON.stringify(json_dat.. 2015. 10. 3. [자바스크립트 Javascript] 금액의 세자리 마다 , 추가하는 함수 자바스크립트 에서 숫자 타입의 값에 세 자리 마다 , (쉼표) 를 넣는 함수 입니다. 235463 -> 235,463 과 같이 변환해줍니다. (출처는 너무 오래되서 못 찾겠습니다...) function numFormat(value) { var number = parseFloat(value); if(isNaN(value)) return "0"; if(number==0) return "0"; var reg = /(^[+-]?\d+)(\d{3})/; var n = (number + ''); while (reg.test(n)) n = n.replace(reg, '$1' + ',' + '$2'); return n; } 2015. 5. 10. [자바스크립트 javascript] Synchronous XMLHttpRequest on the main thread is deprecated (업데이트 2019-03-04) 개요Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/. 라는 문구가 떴다. (크롬에서 jquery 3.3.1 로 async:false 옵션으로 테스트 했을 때) 본문 오래 전에 만들었던 소스를 살펴보는 과정에서 위와 같은 오류 표시를 확인했습니다. 살펴보니 코드 중에서 jquery 의 Ajax 기능을 이용하는 중에, async:false 라는 옵션을 넘겨주는 부분이 있었습니다. 이 부분에서 경고가 출력된 것으로 생각됩니다. 영어는 해석해보면, 메인.. 2015. 5. 8. [jquery] 키 이벤트 순서 이벤트 발생순서는 keydown -> keypress-> keyup 라고 하는데 확인은 해봐야 할 듯 2014. 5. 22. [자바스크립트 javascript] 팝업에서 opener 의 변경이 필요할 때 개요'팝업창'에서 opener (부모창)에 동작을 시켜야 할 때가 있습니다. 이 경우에 에러가 발생하는 경우가 있습니다. 'IE10' 에서는 [권한오류] [SCRIPT70] 같은 에러가 나오고'크롬 브라우저' 에서는 [Uncaught SecurityError: Blocked a frame with origin ...] 오류가 나옵니다. 결론본 창과 팝업창 둘다에 동일한 document.domain = "domain.com"; 값이 들어가야 합니다. 부모창에 submit 을 해야하는 경우도 있는데, 이 경우는 다른 포스팅에서 정리하였습니다. 2010/07/16 - [자바스크립트 Javascript] 팝업에서 opener 로 target 주고 submit (업데이트 2019-03-04) 2014. 5. 19. [jquery] closest / parent / parents parent 는 바로 상위 의 객체 parent() 또는 parent(".aaa")parents 는 상위의 어떤 객체 중에서 해당 객체를 찾는다. 예시) parents(".aaa")closest 는 가장 가까운 상위의 객체를 찾는다. 2014. 5. 12. [jquery] bind click delegate live 차이 bind() 이벤트 적용$("#list").bind("click",function(){});$("#list").on("click",function(){}); live() 동적으로 추가되는 요소에도 이벤트 적용$("#list").live("click",function(){});$(document).on("click","#list",function(){}); delegate() 동적으로 추가되는 요소에도 이벤트 적용$("#list").delegate("li a","click",function(){});$("#list").on("click","li a",function(){}); 2014. 2. 5. [Javascript] 클래스 개념 var class = new function(){var _abc = "";this.fnAbc = function(){ }var fnAbc2 = function(){ } var fnAbc3 = new function(){ }} 이러한 형태로 클래스를 만들 수가 있다. 클래스를 만드는 방법은 여러개가 있다. 차례차례 정리해볼 예정이다. 2013. 11. 6. 이전 1 다음
