検索オブジェクトの配列はフルストリングを返します

Question

ムービーのデータをリストするスクリプトがあります。ムービーを検索すると、完全なストリングなどが返ってきます。

[{ 
    "type": "Rocky", 
    "rating": "PG", 
    "year": 1982, 
    "plot": "Movie plot goes here Rocky rulez", 
    "poster": "<a href=\"/image name.jpg\">" 
}] 

別々のdivの値を返したいと思います。私が見つけたすべての例はサーバー上にあります。これはサーバーなしでも可能ですか？私はここにjsFiddleを持っています。私はjqueryを学ぼうとしていますが、少し苦労しています。 properties.type

をし、ヨールデータはオブジェクトではありません。

Answer 1

JSON.stringifyは、あなたがちょうどあなたがしたいですウィッヒプロパティを伝えることを必要といけない すべてpropertysで文字列にJSONあなたを変換します。それはオブジェクトのリストです。 プロパティが[0]

最善の方法.TYPE：あなたがそのように使用しますか、リストからウィッヒオブジェクトを伝える必要があります。ループ

for(var i=0; i<properties.length; i++){ 
    $("#placeHolder").append('<p>'+properties[i].type+'</p>'); 
} 

を使用してテキストのアペンドインスタンスを使用します。 https://codepen.io/miladfm/pen/ybWoMZ

は慎重こと：テキストがあなたの新しい値を交換し、あなたの古い値へのアクセスを持っていないので、

は私のコードを参照してください私はあなたのデータに新しい動画を追加しました。 ランボを検索すると、結果は2オブジェクト