为特定div创建加载屏幕

Question

如何在通过ajax加载内容时，仅为特定div创建加载屏幕？加载屏幕应仅限于div。

Answer 1

如果您在用户调用动作或事件时加载内容（例如通过“加载”按钮），我的建议是让HTML创建存储在JS源代码中的JavaScript变量中的加载屏幕，如：

var loadingHTML = '<p>Loading...</p>';

在调用事件时将<div>的内容设置为loadingHTML，然后调用AJAX调用，一旦完成，您再次将<div>的内容设置为HTML通话回复。

或者，如果您在页面加载时通过AJAX加载内容，那么只需将<div>的内容设置为<p>Loading...</p>，然后立即调用

上的AJAX调用。

$(document).on('ready', function () { 
      ... 
});

如果您正在使用jQuery。

如上所述，一旦调用完成，将<div>的内容与JavaScript设置为响应数据。