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

Popular posts from this blog

Java 3D LWJGL collision -

spring - SubProtocolWebSocketHandler - No handlers -

methods - python can't use function in submodule -