15.1.29 Ajax

Ajax

-> 프래그래밍 언어를 지칭하는것도, jQuery같이 프레임워크를 지칭하는것도 아니고

구현하는 방식을 얘기하는것이다.

데이터 전송 형식 - CSV , xml, json

-> 서버와 클라이언트가 데이터를 주고 받을 때는 형식을 맞춰야 하는데 그런 형식들이 CSV, xml, json 이다.

CSV

-> 각 항목을 ,로 구분해서 데이터를 포현하는 방법
장점  : 다른형식에 비해 짧다, 많은 양의 데이터 전송에 유리

단점 : 가독성이 떨어진다. 

CSV 방식은 split() 메소드로 분리해서 사용한다.

ex)

<script>

var input = '';

input += ' 예제를 위해 만드는 것 , 김창근 , 세림 , 180 \n ';

input += ' Hi everyone haha, kimchangun, Kongju , 150 \n';

input += ' Bye. see you later, chaungju, deaseong, 200 \n';

input = input.split('\n');

for(var i = 0 ; i < input.length; i++){

input[i] = input[i].split(',');

for (var j =0; j <input[i].length; j++){

input[i][j] = input[i][j].trim();

}

}

</script>

XML

HTML 처럼 태그로 데이터를 표현 함

하지만 닫는 태그와 여는 태그등 쓸데 없이 용량 차지하는 문제가 있음

ex)

<books>

<book>

<name>예제를 위해 만드는 것</name>

<author>김창근</author>

<publisher>세림</publisher>

<high>180</high>

</book>

<book>

<name>Hi everyone haha</name>

<author>kimchangun</author>

<publisher>Kongju </publisher>

<high>150</high>

</book>

<book>

<name>Bye. see you later</name>

<author>chaungju</author>

<publisher>deaseong</publisher>

<high>200</high>

</book>

</books>

JSON

CSV와 XML 의 단점을 모두 보완한것

[{

"name" : "예제를 위해 만드는 것",

"author":"김창근",

"publisher":"세림",

"high" : "180"

},{

"name" : "Hi everyone haha",

"author":"kimchangun",

"publisher":"Kongju",

"high" : "150"

},{

"name" : "Bye. see you later",

"author":"chaungju",

"publisher":"deaseong",

"high" : "200"

}]

출처 : 모던 웹을 위한 javascript + jquery 입문