如何在页面加载时发出AJAX请求

Question

我需要在页面加载时调用GetAllProperties()函数，而不是在页面完全加载后调用GetAllProperties()函数。我的代码是这样的:

<script type="text/javascript">
    $(document).ready(function () {   
        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>

我真的需要你的帮助，因为我是jQuery新手

谢谢

Answer 1

Replace

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

with just calling GetAllProperties(). you don't need DOM for ajax calls

Then replace

$("#MyDiv").empty();
$("#MyDiv").append($data);

with

$(document).ready(function () {   
    $("#MyDiv").empty();
    $("#MyDiv").append($data);
});

Operate with DOM when it's ready. Other actions you can do without DOM.