AJAX

AJAX란?

서버 데이터로 간단하게 화면을 드로잉하는 기술
서버 데이터: JSON ===> 파싱: JS,jQuery(getJSON() => load() => each()) ===> 드로잉: JS,jQuery(text() / html() / append())

화면 드로잉 기법

1) text() - 문자만 취급
$(".container").text("Hello");
2) html() - 태그와 함께 사용 가능
$(".container").html("<p>Hell</p>");
3) append() - 내용을 추가할 때 사용
$(".container").append("<p>Hell PHP</p>");
4) html을 생성해서 추가

데이터 파싱

1) $.each(array, function(i, v){
i : 순서
v : 값

$(".container").append('<div class="' + v +'">' + v + '</div>');

});

2) $.each(object, function(k, v){
k : 속성
v : 값
});

3) for(key in object){
key : 속성
value : object[key]
};

jQuery each()

선택자.each(function(i, v){
$(this).attr("data-attr") : 해당 data 속성 값
i : 순서
v : 값

if(i === 0){
	$(this).css({color: #f00});
}이런 식으로 순서로 접근

});