Hey, ben aan het oefenen voor het vak mobile 2, maar ik kan er niet aan uit met de nieuwere versie javascript/jQuery. kan iemand mij heirbij helpen ? De oude versie van het halen van de JSON, heb ik in commentaar gezet, maar in de nieuwe versie lukt het me niet.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame Remove this if you use the .htaccess --> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <title>voorbeeld_1</title> <meta name="description" content="" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references --> <link rel="shortcut icon" href="/favicon.ico" /> <link rel="apple-touch-icon" href="/apple-touch-icon.png" /> <script src="js/jquery-3.1.1.min.js"> </script> <script> "use strict"; var jqxhr = $.ajax("http://apim.tvmaze.com/singlesearch/shows?q=game-of-thrones") var dataSerie; .done(function(data, textStatus, jqxhr) { dataSerie = data; console.log(dataSerie.language); var output = document.getElementById('output'); output.innerHTML = dataSerie.image.medium; $('#output').attr("src", dataSerie.image.medium); $('header h1').html(dataSerie.name); console.log(response); }) .fail(function(jqXHR, textStatus, errorThrown) { console.log("error loading JSON-file"); }) .always(function(data|jqXHR, textStatus, jqXHR|errorThrown) { alert( "complete" ); }); // Perform other work here ... // Set another completion function for the request above jqxhr.always(function() { alert( "second complete" ); }); /*var dataSerie; $.ajax({ type: "GET", dataType: "json", url: "http://api.tvmaze.com/singlesearch/shows?q=game-of-thrones", success: function(response) { dataSerie = response; console.log(dataSerie.language); var output = document.getElementById('output'); output.innerHTML = dataSerie.image.medium; $('#output').attr("src", dataSerie.image.medium); $('header h1').html(dataSerie.name); console.log(response); }, error: function(response) { console.log("error loading JSON-file"); } });*/ </script> </head> <body> <div> <header> <h1>voorbeeld_1</h1> <img id="output"> </header> </div> </body> </html>Laatst bewerkt: 23-04-17 12:40 door: tanbom