JS/jQuery Ajax Json

JS

JS 에서 json data file을 불러오는 코드

var 변수명 = new XMLHttpRequest();   

xhr.onload = function() {  
	if(xhr.status === 200) { // 서버가 정삭 작동 할 때
    	responseObject = JSON.parse(xhr.responseText); //서버로 부터 전달된 json responseText 속성을 통해 가져올 수 있다.
      					// parse() 메소드를 호출하여 자바스크립트 객체배열로 변환한다.
    //  	코드	
      
      
      
      }											
};

변수명.open('GET', 'Json 링크', true);        // 요청을 준비한다.
변수명.send(null);                                 // 요청을 전송한다

Json file 은 하나의 JS 에서 여러 파일을 불러올 수 있다.

Json file 은 하나의 파일 안에 여러개의 객체배열을 만들 수 있다.

 

jQuery

jQuery 에서 json data file 을 불러내는 코드

$.ajax({
	method : 'get/post', // 전송방식 , 생략가능
    url : 'json' // 연결파일
    dataType : 'json' // 파일타입
    
    sucess:function(data){    // http 요청 성공 //sucess function 의 첫번째 매개변수는 자동으로 json의 객체배열을 받는다
    	// == http 요청 성공시 작동할 코드
    },
    complete: function(){	// http 요청 완료
    	// == http 요청 완료시 작동할 코드
    },
    error: function(){
    	// == http 요청 실패시 작동할 코드
    },
});