Javascript 如何在页面加载时调用AJAX函数

我需要在页面加载期间调用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>

window.onload=GetAllProperties；
函数GetAllProperties（）{
$.ajax({
cache:false，
url:“/Home/GetAllProperties”，
键入：“GET”，
contentType:“应用程序/json；字符集=utf-8”，
成功：功能（响应）{
如果（response.list.length>0）{
console.log（response.list）
变量$data=$（''）；
var header=“属性名称编辑”；
$data.append（表头）；
$.each（response.list，函数（i，行）{
变量$row=$（''）；
$row.append（$（''）.html（row.PropertyName））；
$hidden=$（''）；
$row.append（$hidden）；
$editButton=$（“编辑”）；
$row.append（$editButton）；
$deleteButton=$（“删除”）；
$row.append（$deleteButton）；
$data.append（$row）；
});        
$（“#MyDiv”）.empty（）；
$（“#MyDiv”）。追加（$数据）；
}
否则{
}
},
错误：函数（r）{
警报（'错误！请重试。'+r.responseText）；
控制台日志（r）；
}
});    
}    

您已经在使用jQuery了，为什么不使用它将事件侦听器绑定到

窗口

$（窗口）.on（“加载”，GetAllProperties）；
函数GetAllProperties（）{
警报（“已加载”）；
}

---

此问题与您之前提出的问题相同。如果您想为问题添加更多细节，请使用

edit

按钮。还请注意，您的代码似乎工作正常。如果它不符合您的要求，请清楚地解释为什么我感谢您的帮助。。。但是为什么要在页面加载后填充表呢？您知道Ajax是异步的，还是？这意味着在执行函数时，页面将保持加载。页面可能在Ajax请求完成之前完成加载@LucyNo，我不知道。。最好编写一个非常简单的代码