私はこの外部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>
感謝はしていません!
あなたはデータ型= 'テキスト/ JavaScriptを' しようとしたらどう?いずれにしても、あなたはAjax関数を誤って使用していると言えます。その結果はjsonではありません。任意のサーバロジックを呼び出すのではなく、jsファイルをロードするだけです。 –
ok、それを試してみてください。ありがとうございます – GermanMan
働いていません。 dataTypeをtext/javascriptにするとjsonファイルはロードされません。 jsファイルにはjsonデータがあります。 – GermanMan