본문 바로가기

jQuery

JSONP

우혁이 아빠 2013. 6. 27. 15:37

HEAD FIRST - HTML5

/* mightygumball.js */
/*
 * JSON 파일의 내용을 JSONP로 가져옴
 * 3초마다 업데이트 됨
 *
 */
var lastReportTime = 0;

window.onload = init;

function init() {
	var interval = setInterval(handleRefresh, 3000);
	handleRefresh();
}

function handleRefresh() {
	console.log("here");
	var url = "http://gumball.wickedlysmart.com";
	var newScriptElement = document.createElement("script");
	newScriptElement.setAttribute("src", url);
	newScriptElement.setAttribute("id", "jsonp");
	var oldScriptElement = document.getElementById("jsonp");
	var head = document.getElementsByTagName("head")[0];
	if (oldScriptElement == null) {
		head.appendChild(newScriptElement);
	}
	else {
		head.replaceChild(newScriptElement, oldScriptElement);
	}
}

function updateSales(sales) {
	var salesDiv = document.getElementById("sales");
	for (var i = 0; i < sales.length; i++) {
		var sale = sales[i];
		var div = document.createElement("div");
		div.setAttribute("class", "saleItem");
		div.innerHTML = sale.name + "에서 검볼을 " + sale.sales + "개 팔았습니다";
		//salesDiv.appendChild(div);
		if (salesDiv.childElementCount == 0) {
			salesDiv.appendChild(div);
		}
		else {
			salesDiv.insertBefore(div, salesDiv.firstChild);
		}
	}

if (sales.length > 0) {
		lastReportTime = sales[sales.length-1].time;
	}
}

jQuery를 이용해 한 줄로 바꾼 코드

저작자표시

'jQuery' 카테고리의 다른 글

jQuery - $.fn.extend(), $.extend() (0)	2013.06.28
드래그 방지 퍼옴 (0)	2013.05.24
[jQuery]테이블의 행 추가/삭제 구현하기 (0)	2012.06.19
차트 만들기 라이브러리 (0)	2012.03.27
ebook 스타일로 만들어주는 jQuery 라이브러리 (0)	2012.03.27

검색

블로그 내 검색

전체 방문자

오늘
어제

티스토리툴바