페이지로드시 AJAX 함수 호출 방법

Question

페이지가 완전히로드 된 후 GetAllProperties() 함수를 호출하는 대신 페이지로드 중에 GetAllProperties() 함수를 호출해야합니다.

시도해 보았습니다. window.onload = GetAllProperties; 하지만

내 코드는 다음과 같습니다 작동하지 않았다 : 당신은 이미 jQuery를 사용하여, 그렇게하는

<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

이유와 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"); 
 
}