Question

I have this ajax call:

$('.ajaxtrigger2').click(function(){
$('#target').load('xxx.html');
...

how to append a Loading msg or image during this simple call? thx

Answer 1

Create another element, e.g.

<div id="loading" style="display: none">Loading...</div>
<div id="target"></div>

then show the loading element when you start loading, and hide it when its done through the load callback.

$('.ajaxtrigger2').click(function() {
    $("#loading").show();
    $("target").load('xxx.html', function() { 
        $("#loading").hide();
    });
}