Ajax

Ajax(Asynchronous Javascript And Xml)
-서버와 비동기 HTTP통신을 하기 위한 기술 (방법)
-서버에 HTTP요청을 보낸뒤(랜더링만들다?) XML,JSON형식등 파일으로 응답을 받아페이지의 일부만을변경
-빠르고 동적인 웹페이지 생성을 위한 핵심 기술 브라우저나 플랫폼 독립적으로 구동가능.
php,jsp, asp등에서 ajax를 구현할 수 있다.
-jQuery는 웹브라우저 종류에 상관 없이 동일한 방식으로 ajax 를 구현.
-
HTML (Hyper Text Mark-up Language)

XML (Extensible Mark-up Languag)
-만들어씀.
<h1>문자</h1><h2>두번쨰문자</h2>
{h:1문자, h2:두번째문자;} <-객체

JSON (JavaScriopt Object Notaion)
{ h1 : 문자 , h2 : 두번째문자 }
{ h1 : 100, h2 : 'text', h3 : [10, 100, 1000], h4 : {'속성':'속성값'}, h5 : funtion(){}}

h1 = 숫자,문자, 배열, 객체, 함수

"room602" : ["값"]
{
    "room602" : {
        "lecturer" : {"name" : "문성희"},
        "students" : {
            "student" : [{
            "name" : "julia",
            "gender" : "M",
            "age" : 36
        },{
            "name" : "Aelx",
            "gender" : "M",
            "age" : 26
        },{
            "name" : "Olivia",
            "gender" : "W",
            "age" : 27
        }]
  

참조 : https://oscarotero.com/jquery/
json 주의사항
주석처리(코멘트)는 사용할 수 없다.
모든속성은 큰따옴표로 사용해야한다.

//index.js
(function (){
    var getJson = $.ajax({
        url : "",
        type : "GET",
        dataType : "xml"  //json, html
    });
    getJson.done(function(){
        console.log('jSon data completed')
    });
    getJson.fail(function(){
        console.log('jSon error');
    });

})()

jsp Model View Control 패턴
참조 : https://oscarotero.com/jquery/

SQL= Structured Query Language