2016-09-04 9 views
1

JSON HEREこの混乱の中にいくつかの既存のJavaScriptを実行する:JSONの問題と

http://fooda.website/data_smaller.jsonが必死にHTMLのテーブルには、このJSONを回すだけでなく、私は配列の一部が持っている(私はしたい特定のオブジェクトを選択できるようにしようとしています最終的なマークアップでは不要なオブジェクト)。私はページをロードするときに問題がJSONまたはコードであるParsing JSON objects for HTML table

わからない場合は、何も表示されます:

は「jput」で、ここからのコードを使用していました。コードだけが1件の結果を表示したい、だけでなく、ランダムな配列を見つけて、それを表示するボタンがあり

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="jquery-1.12.3.min.js" type="text/javascript"></script> 
<script src="jput.min.js"></script> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 
</head> 

<script> 
$(document).ready(function(){ 

var json = []; 
//while running this code the template will be appended in your div with json data 
$("#tbody").jPut({ 
    jsonData:json, 
    ajax_url:"data_smaller.json", 
    name:"tbody_template", 
}); 

}); 
</script> 

<table jput="t_template"> 
<tbody jput="tbody_template"> 
    <tr> 
     <td>{{First Name}}</td> 
     <td>{{Middle Name}}</td> 
    </tr> 
</tbody> 
</table> 

<table> 
<tbody id="tbody"> 
</tbody> 
</table> 

<script src="jquery.min.js"></script> 
<script src="jput.min.js"></script> 

</body> 
</html> 

は、ここに私のコードです。 最終製品は、押されるとランダムな配列を見つけ、特定のオブジェクトのみを表示するボタンです。

想像を絶するあらゆる投稿がありましたが、私の知識の欠如は本当に物事を困難にしていましたので、今は絶大なものになっています。

助けてください!

このコミュニティは素晴らしいです。

+1

「何も表示されていません」 - コンソールではどうですか?また、jquery(おそらく2つの異なるバージョン)とjputを2回読み込んでいます - そして、 'XHTML 1.0 Transitional' - 本当ですか? –

答えて

0

URLから受け取ったjsonが間違っていて、「body」タグがありません。 jsonをオンラインバリデーターの一部で検証することができます。

JSONバリ:http://jsonlint.com/

次のコードは、

$( "#のTBODY")で十分ですjPut({ ajax_url: "http://fooda.website/data_smaller.json"、 プリペンド:真、 名: "tbody_template" 、 });

urlを使用すると、 'var json'とjsonData:jsonを使用する必要はありません。 jPutライブラリは自動的にAjaxのURLからjsonを取得します。

+0

Thanks @Karpak!私はいくつかの編集を行ったが、それでも仕事をすることはできません! 私はJSONのいくつかの反復を試みましたが、問題はまだ働いていません。 私は自分のサーバー上のファイルを持っている: http://fooda.website/data_mini.json http://fooda.website/data_fixed.json http://fooda.website/data_fixed1.json ます。http: //fooda.website/data_smaller.json http://fooda.website/data.json http://fooda.website/data1.json – gezer4000

+0

こちらのJSfiddle:https://jsfiddle.net/fwmcds4L/ 誰かが私が間違っていることをコードまたはJSONで知ることができる場合は、私に教えてください!ありがとう! – gezer4000

1

まず、JSONが無効です。エラーを探すにはJSONLintを試してください。

+1

それはここから壊れています: ''Associated Acts':MC Eiht、' – zanderwar