이 외부 JSON 파일 (로컬에 저장 됨)을 통해 루프를 만들려고하지만 값과 키를 제대로 읽을 수 없습니다. 내가 도대체 뭘 잘못하고있는 겁니까?JSON + Jquery. 내가 도대체 뭘 잘못하고있는 겁니까? JSON의 간단한 출력이 작동하지 않습니다.
이것은 나를 미치게 만들고 백만 가지 조합의 마크 업을 시도하고 다른 방법을 시도했지만 동일한 장소에서 계속 끝납니다.
정말 감사드립니다.
또한 코드는 출력하지
JSON 파일 cars.js (로컬 파일)
window.cars = {
"compact": [
{ "title": "honda",
"type": "accord",
"thumbnail": "accord_t.jpg",
"image": "accord_large.jpg" },
{ "title": "volkswagon",
"type": "rabbit",
"thumbnail": "rabbit_t.jpg",
"image": "volkswagon_large.jpg" }
],
"trucks": [
{ "title": "Ford",
"type": "f-150",
"thumbnail": "ford_t.jpg",
"image": "chevy_large.jpg" },
{ "title": "GMC",
"type": "silverado",
"thumbnail": "gmc_t.jpg",
"image": "gmc_large.jpg" }
]
};
HTML 미리
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$.ajax ({
url: 'cars.js',
type: 'get',
dataType: 'json',
error: function(result){ alert('No Dice')},
success: function(result){
$('body').append('<div class="main_wrapper"></div><ul>');
$.each(cars.trucks, function(k, v){
$('ul').append('<li class="trucks"><img src="' + v.k[1].thumbnail + '" />
<h1>Title:' + v.k[1].title + ' </h1>
<h2>Type: ' + v.k[1].type + '</h2></li>');
});
$.each(cars.compact, function(k, v){
$('ul').append('<li class="compact"><img src="' + v.k[0].thumbnail + '" />
<h1>Title:' + v.k[0].title + ' </h1>
<h2>Type: ' + v.k[0].type + '</h2></li>');
});
}
});
});
</script>
</head>
<body>
</body>
</html>
감사한다!
당신은 무엇을 = '텍스트/자바 스크립트'데이터 유형을 시도하는 경우? 어쨌든 나는 당신이 아약스 함수를 오용하고 있다고 말하고 결과는 json이 아닙니다. 서버 로직을 호출하지 않고 js 파일을로드하는 중입니다. –
확인해보십시오. 감사합니다 – GermanMan
작동하지 않습니다. text/javascript에 dataType을 수행하면 json 파일이로드되지 않습니다. js 파일에는 json 데이터가 있습니다. – GermanMan