<%@ 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"}

결과





저작자표시 비영리 변경금지

'프로그램 > jQuery' 카테고리의 다른 글

jqGrid  (0) 2012.03.22
jQuery ajax  (0) 2012.03.15
traverse(탐색)  (0) 2012.03.13
filter  (0) 2012.03.13
selector  (0) 2012.03.13

+ Recent posts

티스토리툴바