jquery - Can someone help me pinpoint my Javascript error for a simple Ajax request using Google Street Map API? -
i'm not familiar javascript i'm following along udacity tutorial learn more javascript , ajax. below have following code supposed grab image google street view api , append image onto body. here code:
function loaddata() { var $body = $('body'); var $wikielem = $('#wikipedia-links'); var $nytheaderelem = $('#nytimes-header'); var $nytelem = $('#nytimes-articles'); var $greeting = $('#greeting'); // clear out old data before new request $wikielem.text(""); $nytelem.text(""); // load streetview // code goes here! var $streetinput = $('#street').val(); var $cityinput = $('#city').val(); var $googlestreeturl = 'https://maps.googleapis.com/maps/api/streetview?size=400x600&location=' + $streetinput + ' ' + $cityinput $.ajax($googlestreeturl, { success: function() { $body.append("<img class='bgimg'>").attr('src', $googlestreeturl); }, error: function() { alert('wrong!'); } }); return false; }; $('#form-container').submit(loaddata); // loaddata();
the ajax request works fine if have code $.ajax();
$.ajax($googlestreeturl);
the problem success/error part? not how ajax call supposed sent. looked @ mdn docs , read should correct. or maybe syntax error? don't know because sublime text doesn't tell me if there wrong javascript (except of course semicolons). problem here?
var $googlestreeturl
is image url, why using $.ajax file? assign image tag's src parameter value of variable.
Comments
Post a Comment