jQuery 예제 모음

시삽: 레드플러스 님 
게시판 이동:
 제목 : jQuery Ajax로 Web API의 JSON 데이터 출력하기 코드 샘플
글번호: 14
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2015/02/08 오전 3:21:05
조회수: 11132

 

 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery Ajax로 Web API의 JSON 데이터 출력하기 코드 샘플</title>
    <script src="../Scripts/jquery-2.1.3.min.js"></script>
    <script>
        $(function () {
            $.ajax({
                url: "/api/divisions",
                dataType: "json",
                success: function (data) {
                    // this로 출력
                    $.each(data, function () {
                        $("#lstDivisions").append(
                            "<tr><td>" + this.DivisionId + "</td><td>" +
                                this.DivisionName + "</td><td>" + this["DivisionNameEng"] + "</td></tr>");
                    });
                    // 매개변수로 출력
                    $.each(data, function (index, entry) {
                        $("#lstDivisions").append(
                            "<tr><td>" + entry.DivisionId + "</td><td>" +
                                this.DivisionName + "</td><td>" + entry["DivisionNameEng"] + "</td></tr>");
                    });
                },
                error: function () {
                    console.log("에러 발생");
                }
            });
        });
    </script>
</head>
<body>
    <table id="lstDivisions" border="1"></table>
</body>
</html>

 

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 (이전 글이 존재하지 않습니다.)
현재글 jQuery Ajax로 Web API의 JSON 데이터 출력하기 코드 샘플 - Administrator 2015-02-08 11132
다음글 jQuery UI datepicker를 ASP.NET Web Forms에서 사용하기 ... 다운로드 권한이 없습니다. Administrator 2015-02-07 7696
 
손님 사용자 Anonymous (손님)
로그인 Home