如何在页面加载时显示加载或搜索的消息，然后隐藏消息并显示网站？

Question

这是我所指的网站： http://www.graphicfirm.com/index.php

如果你向下滚动到底部，例如在加载图片时点击汽车，你会看到一条消息，上面写着搜索....然后当你点击一张图片时，一切都变暗了，你看到了消息加载......

如何用jquery / ajax完成？

如果我错了，请纠正我，但这是我最好的猜测。

$.ajax({
       url: "ajax.php",
       type: "GET",
       dataType: "json",
       data: "attribute=myvalue",

        beforeSend: function()
        {

            $(".mymessage").show();
            //dim page
        },

        complete: function()
        {

            $(".mymessage").hide();
            //undim page
        },

        success: function(data)
        {

            //load data               

        }

});

如果我说对了，他们会如何调整页面？ 如果我弄错了你能告诉我样品吗？

感谢

Answer 1

请注意：http://malsup.com/jquery/block/

这允许您在向用户显示消息时阻止整个站点。

Answer 2

这就是你应该这样做的方式：

$(".mymessage").show();
$.ajax({
       url: "ajax.php",
       type: "GET",
       dataType: "json",
       data: "attribute=myvalue",
        success: function(data)
        {
           $(".mymessage").hide();
           //load data
        }
});

将$(".mymessage").show();置于ajax调用之前，并在success发生时将其隐藏。