且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

显示加载图像,同时交与阿贾克斯

更新时间:2023-12-05 16:14:46

假设你有一个包含你加载信息页面上的标记某个地方:

Let's say you have a tag someplace on the page which contains your loading message:

<div id='loadingmessage' style='display:none'>
  <img src='loadinggraphic.gif'/>
</div>

您可以添加两行到你的Ajax调用:

You can add two lines to your ajax call:

function getData(p){
    var page=p;
    $('#loadingmessage').show();  // show the loading message.
    $.ajax({
        url: "loadData.php?id=<? echo $id; ?>",
        type: "POST",
        cache: false,
        data: "&page="+ page,
        success : function(html){
            $(".content").html(html);
            $('#loadingmessage').hide(); // hide the loading message
        }
    });