0

以下のように、コントローラーからの JSON があります。

{"ja":
[
{
"ID":0,
"Name":"Son",
"DepartmentID":0,
"isNewProduct":false,
"PictureName":null,
"isInstock":false
}
,
{
"ID":0,
"Name":"AM4-B2",
"DepartmentID":0,
"isNewProduct":false,
"PictureName":null,
"isInstock":false
}
,
{
"ID":0,
"Name":"AM4-B2",
"DepartmentID":0,
"isNewProduct":false,
"PictureName":null,
"isInstock":false
}
]
}

これは私がクリックする私のメニューです：

<ul id="navmenu-v">
   <li id="select_list" class="level1">
    <a id="56" class="selectedcategory" href="javascript:void(0);">Accessories</a>
   </li>    
   <li id="select_list" class="level1">
    <a id="69" class="selectedcategory" href="javascript:void(0);">Audio Players</a>
   </li>
</ul>

そして、これらは私が各jsonを入れたいdivです:

 <div id="container">
  <div id="id"></div>
  <div id="name"></div>
  <div id="departmentID"></div>
  <div id="isNew"></div>
  <div id="pictureName"></div>
  <div id="isStock"></div>
</div>

次に、メニューをクリックしたときに、ビューの横にある別の div にすべての JSON をループしたいと考えています。

$.getJSON()and を使用してそれを行う方法を誰か教えてもらえます$.each()か? 本当にありがとう。

4

1 に答える 1

1

最初に、このようにメニュー アンカー要素をクリック イベントにバインドする必要があります。

$("#56").click(function(){
   $.getJSON("baseUrl/Accesories",function(data){
       $.each(data,function(index,value){
         $('div#id').html($('div#id').html()+value.ID);
         //simillarily you can do for others too
       });
   });
});
于 2012-05-01T07:56:21.640 に答える