AJAX加载img

Question

我是AJAX / Jquery的新手，在页面仍处于加载状态时，加载img的最佳方法是什么？

这是我的代码：

<div class="container">
        <div class="row">
            <div class="col-lg-12">
            <button class="btn btn-info btn-lg">Load More Page...</button>
            </div>
        </div>
    </div>


<script type="text/javascript">
$(document).ready(function(){
    $("button").click(function(){
        $("#box").load("page2.php");
    });
});
</script>

Answer 1

请查看以下链接

有例子

How can I create a "Please Wait, Loading..." animation using jQuery?

Answer 2

您可以简单地使用ajax-方法，如ajaxStart，ajaxStop

Javascript代码：

def myFunc(list : List[A], combine: (Map[A, B], A, A) => Unit) = {

    val x = Map[A, B]()

    list.foreach(e => {          
        combine(x, e)
    })
}

HTML code：

$(document).ready(function(){
    $(document).ajaxStop(function(){
        $('#loadingIndicator').hide(500);
    });
    $( document ).ajaxStart(function() {
        $('#loadingIndicator').show();
    });
}