본문 바로가기
개발/javascript

ajax 로 받은 json 배열데이터 변환하여 사용하기

by 황태고블린 2022. 2. 16.

서버단에서의 처리는 따로 없지만 넘어오는 데이터는 json 배열 데이터라고 가정했을때 

간편하게 처리하기 위해 이렇게 사용합니다

table 에 연속된 값을 채워주거나 할때는 $.each 에서 처리해주면 됩니다

 

let url = 'test-url.jsp'; // 주소
let data = {'id':testuser, 'pw':test54321}; // 전송데이터

$.post(url, data})
    .done(function(data){
    	// 성공시 처리
        left jsonData = JSON.parse(data); // 받아온 json data를 javaScript 변수로 전환

		// 배열안에 담겨진 내용을 $.each 로 처리
        $.each(jsonData, function( index , data ) {
			console.log(index + ' ' + data.id);
			console.log(index + ' ' + data.name);
        });
    })
    .fail(function(jqXHR, textStatus, errorThrown){
    	// 실패시 처리
        alert('에러')
    });

댓글