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

我需要在页面加载期间调用GetAllProperties()函数，而不是在页面完全加载后调用GetAllProperties()函数。 我的代码如下所示：

  $(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 = $(''); var header = "Property NameEdit"; $data.append(header); $.each(response.list, function (i, row) { var $row = $(''); $row.append($('').html(row.PropertyName)); $hidden = $(' '); $row.append($hidden); $editButton = $("Edit"); $row.append($editButton); $deleteButton = $("Delete"); $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); } }); }  

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

谢谢

Answer 1

更换

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

只需调用GetAllProperties() 。 你不需要DOM来进行ajax调用

然后更换

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

同

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

准备好后，使用DOM进行操作。 没有DOM你可以做的其他行动。

Answer 2

如果要在页面加载时调用该函数，则必须删除

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

只需调用该函数

 GetAllProperties(); 

Answer 3

你想在加载过程中而不是之后启动该function吗？ 然后调用GetAllProperties(); 尽可能早。 最好的地方是 。

但请记住，您需要在包含GetAllProperties函数本身之后放置它。 并且该函数必须在同一个文件中声明。

否则，通过加载脚本文件来延迟执行，或者当您将其放在页面底部时，加载DOM会延迟执行。

Answer 4

如果你想在页面加载时调用javascript函数，你应该尝试以下函数：

 window.onload = function() { GetAllProperties(); }; 

Answer 5

试试这段代码来调用函数：$（window）.on（’load’，function（）{GetAllProperties（）;}）;

Answer 6

我遇到了同样的问题。 我通过在html中调用标记内的函数来解决

我希望它有所帮助

Answer 7

在包含jquery之后调用你的方法：