본문 바로가기

순수 자바스크립트로 JSONP 구현하는 방법 JSONP는 위대한 꼼수 중 하나이다! 결국 핵심은 서버에서 리턴한 내용을 js 파일로 착각하게 만들어서 이를 인클루드한 뒤 자동으로 실행시키는 구조라고 할 수 있다!(그래서 ajax처럼 동작하는 효과를 누릴 수 있다!) JSONP는 jQuery를 이용해서 구현할 수 있지만 순수 자바스트립트로도 간단하게 만들 수 있다. 참고를 위해 소스를 올린다! function foo(data) { // 실행할 함수 } var script = document.createElement('script'); // 임의의 태그를 만든다. script.src = 'http://example.co.kr/jsonp_test.jsp?callback=foo'; // 서버에서 리턴한 내용을 js 파일로 착각하게 만든다! document.. 더보기
document.getElementById().value는 무조건 string을 리턴한다. document.getElementById(), document.getElementsByName() 등을 통해 추출된 value는[document.getElementById().value를 사용해서] 기본적으로 string을 리턴합니다.(10이 아니라 "10"이 리턴된다는 말) 예제 소스는 다음과 같습니다. var result = document.getElementById("example1").value; typeof(result); // 항상 string이 출력됨 따라서 number로 형변환이 필요할 경우 다음과 같이 처리할 수 있습니다.(가끔 요긴하게 사용 가능) var result = parseInt(document.getElementById("example1").value); // 제일 정석적인 .. 더보기
자바스크립트 객체(Object) 선언 방법 및 개념 자바스크립트에는 Object(객체)라는 데이터 타입이 있다. 자바의 Object는 잠시 제쳐두고 그냥 전혀 별개의 개념이라고 생각하자!(그냥 이름만 같고 완전히 다른 놈이라고 간주해버리자!) Object를 선언하는 방법은 딱 두 가지이다.(명쾌하다!) 1. new Object()로 선언하는 방법 var obj = new Object(); 2. JSON으로 선언하는 방법 var obj = {}; ( 여기서 주의사항은 var obj = [];로 해버리면 Array(배열)가 된다는 것이다! 괄호의 차이일 뿐이지만 천지차이다! 깊게 들어가면 Object는 곧 Array라는 놀라운 진리에 접근할 수 있지만 이건 나중에 생각해도 충분하다!(조금 혼란스럽지만 사실이다. 자바스크립트는 참 재미있는 언어인 것 같다.) .. 더보기