Json 데이터가 localhost에 표시되지 않는 이유는 무엇입니까?

Apache를 사용하여이 프로그램을 실행하여 HTML 페이지에서 Json 데이터를로드하려고합니다. 왜 이것이 효과가 없습니까?Json 데이터가 localhost에 표시되지 않는 이유는 무엇입니까?

HTML :

<head> 
<script src="http://code.jquery.com/jquery-1.10.1.js" type="text/javascript"></script> 
</head> 
    <body> 
    <a href="#" id="car">Car</a> 

    <div id="content"> 

    </div> 
</body>

JQuery와 :

$(document).ready(function() { 

     $.getJSON('data.json',function(data){ 

      $('#content').empty(); 

      $.each(data, function(entryIndex, entry){ 
       var html = '<div class="data">';      
       html += '<h3>' + entry['company'] + '</h3>'; 
       html += '<div class="product">' + entry['product'] + '</div>';     
       html += '<div class="type">' + entry['type'] + '</div>'; 


       if(entry['color']){ 
        html += '<div class="color">';           
        html += '<ol>'; 
        $.each(entry['color'],function(colorIndex, color){ 
         html += '<li>' + color + '</li>';       
        }); 
        html += '</ol>';       
        html += '</div>'; 

       } 
       $('#content').append(html); 

      });       
     }); 
     return false; 

});

JSON (data.json) : 완전히 잘못 메모장 파일에서

[ 
{ 
    "company" : "Toyota", 
    "product" : "Prius", 
    "color" : [ 
     "white pearl", 
     "Red Methalic", 
     "Silver Methalic" 
    ], 
    "type" : "Gen-3" 
}, 
{ 
    "company" : "Toyota", 
    "product" : "New Fortuner", 
    "color" : [ 
     "Super White", 
     "Silver", 
     "Black" 
    ], 
    "type" : "Fortuner TRD Sportivo Limited Edition" 
} 
]

출처

2014-04-12 madhu kumar

'data.json' 파일은로드하려는 파일 시스템의 파일입니까? 아니면 URL에서 왔습니까? – JakeGould

localhost에 있음 –

JavaScript 오류 콘솔의 내용은 무엇입니까? – Quentin

-2

만든 JSON 데이터. 그것은 Notepad ++ 나 Dreamweaver와 같은 HTML 편집기를 사용하여 가져와야합니다. 마지막으로 문제가 해결되었습니다.

출처

2014-04-12 14:13:45

메모장에는 JSON을 만드는 데 문제가 없습니다. 이는 서비스 가능한 텍스트 편집기입니다. 파일을 저장할 때 파일 이름을 따옴표로 묶지 않았기 때문에 메모장에'.txt' 파일 확장명을 추가하는 것이 문제 일 수 있습니다. – Quentin

이제 내 코드가 작동 중입니다. 메모장을 사용하여 html 파일을 만들면 html 파일이 정확하게 생성되지만 "data.json"으로 저장하는 json 파일을 만드는 동안 json 파일이 아닌 메모장 txt 파일이됩니다. 그것이 문제이다. –

내가 말했듯이 파일을'data.json.txt'로 저장했습니다. – Quentin

이 답변은 주로 질문에 대한 의견 및 기타 대답으로 함께 연결됩니다.

자바 스크립트 콘솔은 요청이
당신은 당신이

메모장의 끝에 .txt 스틱하는 경향이있는 JSON 파일을 만들 메모장을 사용하고 있음을 언급 404 오류가 있는지 밝혀 저장을 할 때 모든 파일 이름을 사용합니다. 이로 인해 을 요구하기 때문에 서버에서 찾을 수없는 data.json.txt이라는 파일로 끝납니다.

이 문제를 해결하기 위해 파일의 이름을 바꿀 수 있습니다.

다른 편집기를 사용하여 처음부터 파일을 만들 수도 있습니다. 프로그래머를 대상으로하는 대부분의 텍스트 편집기는 JSON (구문 강조 및 자동 들여 쓰기와 같은 기능 포함)을 명시 적으로 지원하고 비정상적인 파일 확장명을 처리 할 것으로 기대합니다 (따라서 도움이되도록 .txt을 추가하지 않음).

출처

2014-04-12 14:32:50 Quentin

Json 데이터가 localhost에 표시되지 않는 이유는 무엇입니까?

답변

관련 문제