Blog Content

    티스토리 뷰

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

    반응형

    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>
    결과 확인!


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

    Comments