javascript - Saving API response data as an HTML element -
i have html file javascript inside. have url when opened page contains data aws lambda api call received making lambda api using aws api gateway. page looks blank page when loads data laid out similar to,
[ {"user": "bob", "groups": ["bobsgroup"], "policies": ["bobspolicy", "anotherpolicy"["policy3"]]}, {"user": "sal", "groups": ["salsgroup"], "policies": ["salsspolicy", "anotherpolicy"["policy3"]]} ] my question wanting take data api response , save html paragraph element. don't think i'm using right logic or doing in incorrect way trying to, inside script tags, run following,
var myjson; $.getjson("https://myapi.execute-api.us-east-2.amazonaws.com/myapi//myapiresource", function(json){myjson = json;}); document.getelementbyid("demo").innerhtml = myjson where demo paragraph tag inside html
full code snippet is,
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <div id = "demo"></div> <script> var myjson; $.getjson("https://myapi.execute-api.us-east-2.amazonaws.com/myapi//myapiresource", function(json){ document.getelementbyid("demo").innerhtml = json; }); </script> </body> </html>
move document.getelementbyid("demo").innerhtml inside ajax success callback...
var myjson; $.getjson("https://myapi.execute-api.us-east-2.amazonaws.com/myapi//myapiresource", function(json){ myjson = json; document.getelementbyid("demo").innerhtml = myjson; }); code cleanup version
$.getjson("https://myapi.execute-api.us-east-2.amazonaws.com/myapi//myapiresource", function(json){ document.getelementbyid("demo").innerhtml = json; }); 
Comments
Post a Comment