jQuery | javascript | CSS

03.jquery jstree 웹 서비스 호출해서 결과값 화면에 출력하기

Godffs 2014. 8. 24. 20:33
반응형

01.jQuery - jstree 기본 구성

02.jQuery - jstree ... DB에서 받은 값 json형식으로 출력하기


이어서 하겠습니다.

웹 페이지로 넘어가서 코드를 작성합니다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<head>
    <meta content="text/html" charset="utf-8" />
    <title>카테고리 설정</title>
    
    <script src="../Common/Treeviewjs(jstree)/jquery.js" type="text/javascript"></script>
    <script src="../Common/Treeviewjs(jstree)/jquery.jstree.js" type="text/javascript"></script>
 
    <link href="../Common/Treeviewjs(jstree)/!style.css" rel="stylesheet" type="text/css" />
 
    <script language="javascript" type="text/javascript">
        $(document).ready(function () {
            $.ajax({
                type: "POST",
                url: "/Service/WebService1.asmx/Select_Category",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var resp = jQuery.parseJSON(data.d);
 
                    for (var i = 0; i < 2; i++) {
                        $("#tb_data").append("<tr><td>" + resp[i]["URL"] + "</td></tr>");
                    }
                }
            });
        });
    </script>
</head>
 
<body>
    <table id="tb_data" border="1"></table>
</body>
결과 확인!


어때요? 참 쉽죠~?
끝~
반응형