title: Display JSON data from a python file into HTML
body: <p>I currently have an HTML file and a python file. The python file uses YELP's API and returns JSON data. How do I display that data onto my webpage through HTML? Is there a function like <code>document.getElementById("id").innerHTML = JSONDATA</code> from JavaScript?</p>
  
  <p>Please let me know if you need any more details; this is my first time posting and first time using an API/making a website. I understand the JSON data is not going to look nice but I will put it into a dictionary and sort it later, basically right now I am just wondering how to display data from a Python file into a HTML file. Also, feel free to link any helpful tutorials. </p>
  
  <p>Found the following Node.js code as it was suggested to use Javascript instead, where in this would I put my tokens/secrets? And then how would I call it in my html file... Thank you.</p>
  
  <pre><code>/* require the modules needed */
  var oauthSignature = require('oauth-signature');  
  var n = require('nonce')();  
  var request = require('request');  
  var qs = require('querystring');  
  var _ = require('lodash');
  
  /* Function for yelp call
   * ------------------------
   * set_parameters: object with params to search
   * callback: callback(error, response, body)
   */
  var request_yelp = function(set_parameters, callback) {
  
    /* The type of request */
   var httpMethod = 'GET';
  /* The url we are using for the request */
  var url = 'http://api.yelp.com/v2/search';
  
  /* We can setup default parameters here */
  var default_parameters = {
  location: 'San+Francisco',
  sort: '2'
  };
  
  /* We set the require parameters here */
  var required_parameters = {
  oauth_consumer_key : process.env.oauth_consumer_key,
  oauth_token : process.env.oauth_token,
  oauth_nonce : n(),
  oauth_timestamp : n().toString().substr(0,10),
  oauth_signature_method : 'HMAC-SHA1',
  oauth_version : '1.0'
  };
  
  /* We combine all the parameters in order of importance */ 
  var parameters = _.assign(default_parameters, set_parameters,      required_parameters);
  
  /* We set our secrets here */
  var consumerSecret = process.env.consumerSecret;
  var tokenSecret = process.env.tokenSecret;
  
  /* Then we call Yelp's Oauth 1.0a server, and it returns a signature */
  /* Note: This signature is only good for 300 seconds after the     oauth_timestamp */
  var signature = oauthSignature.generate(httpMethod, url, parameters,      consumerSecret, tokenSecret, { encodeSignature: false});
  
  /* We add the signature to the list of paramters */
  parameters.oauth_signature = signature;
  
  /* Then we turn the paramters object, to a query string */
  var paramURL = qs.stringify(parameters);
  
  /* Add the query string to the url */
  var apiURL = url+'?'+paramURL;
  
  /* Then we use request to send make the API Request */
  request(apiURL, function(error, response, body){
  return callback(error, response, body);
  });
  
  };
  </code></pre>