how to dynamically append json values using jquery

Vote count:

0

I'm getting the json response from the service as follows.

[  
   {  
      "ProductName":"Apple iPhone 4",
      "ProductUrl":"/~/media/upload/4jpg.jpg",
      "ProductPrice":"499"
   },
   {  
      "ProductName":"Apple iPhone 4S",
      "ProductUrl":"/~/media/upload/4s.jpg",
      "ProductPrice":"650"
   }]

By using jquery,I want to add these values into the html dynamically.

HTML code:

 <div class="col-xs-2">
                        <a href="#" class="thumbnail">
                            <img src="" id="resultImg" width="125" height="125" />
                            <div class="caption caption-text">
                                <p id="name"></p>
                                <p id="price"></p>
                            </div>
                        </a>
                    </div>

Jquery Code: I have written the following code where I'm loop through the json result and i wanna append it.I'm not getting the correct output.it just appends only the last result.where i am doing the mistake?

asked 1 min ago

user3343557

10

how to dynamically append json values using jquery