Breaking News: Grepper is joining You.com. Read the official announcement!

get JSON information into html control with javascript

Successful Starling answered on March 17, 2021 Popularity 5/10 Helpfulness 1/10

answer get JSON information into html control with javascript

get JSON information into html control with javascript

Comment

/* I put your JSON into an external file, loaded from github */
var url = "https://raw.githubusercontent.com/mspanish/playground/master/jessica.json";

/* this tells the page to wait until jQuery has loaded, so you can use the Ajax call */

$(document).ready(function(){
  $.ajax({
    url: url,
    dataType: 'json',
      error: function(){
        console.log('JSON FAILED for data');
      },
    success:function(results){
  /* the results is your json, you can reference the elements directly by using it here, without creating any additional variables */
  
      var cartItemsList = document.getElementById("cartItemsList");

      results.basket.productList.forEach(function(element) {
      cartItemsList.insertAdjacentHTML( 'beforeend',"<li>" +              element.product.name + " : " + element.price+ " </li>");
      }); // end of forEach
    }  // end of success fn
   }) // end of Ajax call
 }) // end of $(document).ready() function

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: get html javascript json

Link to this answer
Share Copy Link

Contributed on Mar 17 2021

Successful Starling

0 Answers Avg Quality 2/10

get JSON information into html control with javascript

Contents

More Related Answers

get JSON information into html control with javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.