the function in $.getJSON seems to not run

Question

<script defer>
    var results = "";
$.getJSON('local node api ip',function(data){
  results = JSON.parse(data);

});
console.log(results);
var elem = document.createElement('div')
document.body.appendChild(elem)
elem.innerHTML = results.word
console.log('hello')
</script>

I want to parse the result of a local api but the function doesnt seem to run, and i have placed a console.log and that wasnt run. help!!!!

Put the `console.log` inside `$.getJSON` callback and then test again.. — palaѕн, Mar 21 '20 at 16:44
What error are you getting in browser console or network tab when you make this ajax call? — palaѕн, Mar 21 '20 at 16:47
Does this answer your question? [How do I return the response from an asynchronous call?](https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) — freedomn-m, Mar 21 '20 at 17:17
@freedomn-m thanks but the problem seems to be that none of the code inside of function is run — TheBajan_israelian, Mar 21 '20 at 17:22

xdeepakv · Answer 1 · 2020-03-21T17:11:39.297

0

// $.getJSON is async. You have to write code in callback. or use async-await

$.getJSON("local node api ip", function(results) {
  //const results = JSON.parse(data)
  console.log(results);
  var elem = document.createElement("div");
  document.body.appendChild(elem);
  elem.innerHTML = results.word;
  console.log("hello");
});

// Async Await

(async function() {
  let results = await $.getJSON("local node api ip");
  //results = JSON.parse(data);
  var elem = document.createElement("div");
  document.body.appendChild(elem);
  elem.innerHTML = results.word;
})();

// SAMPLE

$.getJSON("https://api.whatdoestrumpthink.com/api/v1/quotes/", function(results) {
 var elem = document.createElement("div");
  document.body.appendChild(elem);
  elem.innerHTML = results.messages.personalized;
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

edited Mar 21 '20 at 17:11

answered Mar 21 '20 at 16:53

xdeepakv

7,835
2
22
32

i have tried this and none of it was run, including the console.log – TheBajan_israelian Mar 21 '20 at 16:57
could the issue be that my url is my ip adress:port – TheBajan_israelian Mar 21 '20 at 16:58
u can check network for error! With asyn await. it will throw errror. – xdeepakv Mar 21 '20 at 16:59
web.html:15 Uncaught (in promise) {readyState: 0, getResponseHeader: ƒ, getAllResponseHeaders: ƒ, setRequestHeader: ƒ, overrideMimeType: ƒ, …} this error is raised – TheBajan_israelian Mar 21 '20 at 17:02
You do not need parse. it will be parse automatically. i have updated solution – xdeepakv Mar 21 '20 at 17:10
ok thanks for that, but the code still does not run, console doesn't log and element is not created – TheBajan_israelian Mar 21 '20 at 17:15
i have found the issue with no solution, i am trying to use a local ip node api but how do i use it – TheBajan_israelian Mar 21 '20 at 17:27

the function in $.getJSON seems to not run

1 Answers1