Codit Develop
Codit Develop
Codit Develop
전체 방문자
오늘
어제
  • 분류 전체보기 (146)
    • IT (1)
      • 스마트폰 (1)
    • Game (59)
      • DNF (0)
      • StarCraft2 (11)
      • LostArk (45)
      • Minecraft (3)
      • Elyon (0)
    • Develop (43)
      • Web (15)
      • PHP (2)
      • Laravel (0)
      • C# (11)
      • NodeJS (1)
      • Java (2)
      • Python (1)
      • Cordova (3)
      • Android (0)
      • WPF (1)
      • PowerShell (5)
      • Other (2)
      • Javascript (0)
    • OS (17)
      • Windows (6)
      • Linux (11)
    • Product (17)
      • Docker (10)
      • GitLab (3)
      • NuGet (2)
      • Git (1)
      • Nginx (1)
    • DB (7)
      • All-DB (2)
      • MariaDB (2)
      • MySQL (2)
      • Oracle (0)
      • MSSQL (1)
      • Cubrid (0)
    • PC (2)
      • 견적함 (2)
      • 정보 (0)

블로그 메뉴

    공지사항

    인기 글

    태그

    • MySQL
    • 숨겨진
    • 오즈혼
    • 히든
    • css
    • Linux
    • 개인복권디펜스
    • jQuery
    • 유디아
    • 뷰포인트
    • 로스트아크
    • html
    • 스타2
    • db
    • JavaScript
    • c#
    • docker
    • 개복디
    • 아르테미스
    • 모코코
    • 디펜스
    • 서
    • web
    • 조합
    • 씨앗
    • 몬스터
    • 모험의 서
    • 모험의
    • 구릉지
    • 모험의서

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    Codit Develop

    Codit Develop

    Develop/Web

    [Web / JavaScript] JQuery로 JSON파일 불러오기 ( getJSON )

    2018. 10. 30. 17:39
    반응형


    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
    // JSON 예문
    // {"result":[{"index":"1616",    "column1":"value1","column2":"value2","column3":"value3"}]}        
     
    var json_url = 'json을 따올 url';
     
    //json_url의 JSON 정보를 가져와 data에 입력.
    //textStatus로 JSON의 정보를 가져왔는지 여부 확인 가능.
    $.getJSON(json_url, function (data, textStatus) {
        
        var index = null;
        var column1 = null, column2 = null, column3 = null;
     
        //foreach문과 같이 data.result 배열 안의 모든 값을 돌릴 수 있는 함수.
        $.each(data.result,function(){
            index = this.index;
            column1 = this.column1;
            column2 = this.column2;
            column3 = this.column3;
     
            console.log(index + " : " + column1 + " , " + column2 + " , "+ column3);
            //출력값
            //1616 : value1 , value2 , value3
        });
        
    }
     
    Colored by Color Scripter
    cs


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

    'Develop > Web' 카테고리의 다른 글

    [WEB / JQuery] Ajax 파라미터 인코딩 깨짐 현상 수정  (0) 2018.11.03
    [WEB / HTML] 크롬 input 클릭 시 나타나는 테두리 지우기.  (0) 2018.11.03
    [WEB / JQuery] html 태그 삭제 / 비우기  (0) 2018.11.02
    [WEB / JQuery] input 박스 안의 내용 가져오기 (.val())  (0) 2018.11.02
    [WEB / HTML] 드래그 / 우클릭 방지 (html / css)  (0) 2018.11.02
      'Develop/Web' 카테고리의 다른 글
      • [WEB / HTML] 크롬 input 클릭 시 나타나는 테두리 지우기.
      • [WEB / JQuery] html 태그 삭제 / 비우기
      • [WEB / JQuery] input 박스 안의 내용 가져오기 (.val())
      • [WEB / HTML] 드래그 / 우클릭 방지 (html / css)
      Codit Develop
      Codit Develop
      내가 보려고 만든 개발 블로그

      티스토리툴바