Как вызвать функцию AJAX при загрузке страницы

Question

Мне нужно вызвать функцию GetAllProperties() во время загрузки страницы, а не вызвать функцию GetAllProperties() после полной загрузки страницы.

Я попробовал window.onload = GetAllProperties; но он не работает

Мой код выглядит следующим образом:

<script type="text/javascript"> 

window.onload = GetAllProperties; 


    function GetAllProperties() {  
     $.ajax({ 
      cache: false, 
      url: '/Home/GetAllProperties', 
      type: 'GET', 
      contentType: "application/json; charset=utf-8", 
      success: function (response) { 
       if (response.list.length > 0) { 
        console.log(response.list) 
        var $data = $('<table id="mytable" class="table table-striped"> </table>'); 
        var header = "<thead><tr><th>Property Name</th><th>Edit</th></tr></thead>"; 
        $data.append(header); 
        $.each(response.list, function (i, row) { 
         var $row = $('<tr/>'); 
         $row.append($('<td/>').html(row.PropertyName)); 
         $hidden = $(' <input type="hidden" name="hid" value= "' + row.PropertyId + '">'); 
         $row.append($hidden); 
         $editButton = $("<button class='editbtn' id='mybtn'>Edit</button>");  
         $row.append($editButton); 
         $deleteButton = $("<button class='deletebtn' id='delbtn'>Delete</button>");  
         $row.append($deleteButton); 
         $data.append($row); 
        });   
        $("#MyDiv").empty(); 
        $("#MyDiv").append($data); 
       } 
       else { 

       } 
      }, 
      error: function (r) { 
       alert('Error! Please try again.' + r.responseText); 
       console.log(r);  
      } 
     });  
    }  
</script> 

Answer 1

Вы используете JQuery уже, так почему бы не связать слушателя событий для window с ним?

$(window).on("load", GetAllProperties); 
 

 
function GetAllProperties() { 
 
    alert("loaded"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Но это даже работает без:

window.onload = GetAllProperties; 
 

 
function GetAllProperties() { 
 
    alert("loaded"); 
 
}