JSON Request displaying console issue <p>I am trying to get the console.log to work with the 'interests' information using the following JSON request but I get the following error message in the console.</p> <blockquote> <p>XMLHttpRequest cannot load <a href="https://app.citizenspace.com/api/2.3/json_consultation_details?dept=parliament&amp;id=ddcengage&amp;fields=all" rel="nofollow">https://app.citizenspace.com/api/2.3/json_consultation_details?dept=parliament&amp;id=ddcengage&amp;fields=all</a>. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. </p> </blockquote> <pre><code>&lt;script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $.getJSON ('https://app.citizenspace.com/api/2.3/json_consultation_details?dept=parliament&amp;id=ddcengage&amp;fields=all'), function(data) { consol.log(data.interests) } &lt;/script&gt; </code></pre> <p>Can anyone help with this?</p>