프로그램/jQuery

Ajax - jQuery.parseJSON()

영혼과영혼의양식 2012. 3. 14. 23:43


<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<html>
<head>
<title>Board List</title>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $('input').click(function(){
        $.ajax({
            type:"GET",
            url:"jsp/jQuery/data.html",
            success:function(json){
                //alert(json);
                var tranMsg = jQuery.parseJSON(json);
                alert(tranMsg.msg + "\r\n" + tranMsg.data);
               
            }
        })
    });
});
</script>
</head>
<body>
    <div id="content"></div>
    <p></p>
   
    <input type="button" name="btn" value="click"/>
</body>
</html>
▶ json 데이터를 개체로 만드는 가장 쉬운 방법은 보통 eval() 함수를 사용하지만, eval()함수는 보안상의 문제를 일으킬 수 있음. 따라서 eval()함수보다는 예제처럼 jQuery.parseJSON()을 사용하는 것을 권장함
[참고] : jQuery API

data.html
{"msg":"ok", "data":"hi~ jQuery.ajax"}

결과





저작자표시 비영리 변경금지 (새창열림)