관리 메뉴

moozi

자바스크립트를 이용한 jsp의 json파싱 본문

하이브리드앱

자바스크립트를 이용한 jsp의 json파싱

moozi 2015. 10. 29. 18:28

 

==>b.jsp파일에서 출력하는 내용

 

{"students":[{"name":"abc", "tel":"010-9001-001"}, {"name":"xyz", "tel":"010-9001-002"}]}

 

 

 

 

 

 

 

==>b.jsp를 파싱
<script type="text/javascript">

 

window.onload= function(){

    document.getElementById('btn').onclick=function(){

        var request =new XMLHttpRequest();

        

        request.open('get', 'http://cgs7534.cafe24.com/b.jsp', true);

        

        request.onreadystatechange=function(e){

            if(request.readyState==4){

                if(request.status==200){

                    var data=request.responseText.trim();

                    

                    var json=eval('('+data+')');

                    

                    console.log(json);

                    console.log(json.length);

                    

                    console.log(json.students[0].name);

                

                }else{

                    console.log('서버오류');

                }

            }

        } 

        

        request.send();

        

    

    }

}

 

</script>

<body>

 

<button id="btn">요청하기</button>

 

<hr/>

 

<div id ="result"></div>
</body>

'하이브리드앱' 카테고리의 다른 글

부트스트랩 예제  (0) 2015.11.06
iframe사용하기  (0) 2015.10.31
폰갭 API 개발  (0) 2015.10.20
7/1 jquery에서 drawImage()사용하기  (0) 2015.07.01
구글맵기본  (0) 2015.06.29
Comments