如何在加载网页时运行脚本

Question

how can i get this script to run on loading a webpage , without pressing a button

    $(document).on('ready', function() {

    $('#findme').on('click', function() {    
    $('#message').html('Loading...');    
      $.ajax( {
        url: "https://api.mercadolibre.com/geolocation/whereami",
        success: function(data) {
          var city = data.city_name;
          var country = data.country_name;
          $('#message').text("You are in " + city + ", " + country + '!'); 
          }

      });
  });

});

Answer 1

Put the code in a function and call it in desired events... Check working demo here

$(document).on('ready', function() {
  geo();
});

$('#findme').on('click', function() {    
   geo();
});

function geo(){

  $('#message').html('Loading...');    
      $.ajax( {
        url: "https://api.mercadolibre.com/geolocation/whereami",
        success: function(data) {
          var city = data.city_name;
          var country = data.country_name;
          $('#message').text("You are in " + city + ", " + country + '!');  
        }
      });

}

Answer 2

The use of $(document).on('ready', function() { ... }) was deprecated jQuery at the first instance it was possible (v1.8). It should better be :

$(document).ready(function() { ... })

or

$(window).on('load', function() { ... })

http://codepen.io/anon/pen/QwPzPK

Answer 3

you can try this, its your code only i removed button on click function so it will execute on document ready function

$(document).on('ready', function() {

$('#message').html('Loading...');    
  $.ajax( {
    url: "https://api.mercadolibre.com/geolocation/whereami",
    success: function(data) {
      var city = data.city_name;
      var country = data.country_name;
      $('#message').text("You are in " + city + ", " + country + '!'); 
      }

  });
});