为特定div创建加载屏幕

时间:2015-07-04 16:12:53

标签: ajax loading

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

1 个答案:

答案 0 :(得分:0)

如果您在用户调用动作或事件时加载内容(例如通过“加载”按钮),我的建议是让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设置为响应数据。