jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了Jquery Ajax在获取数据的同时加载图像大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在点击事件中使用 Jquery Ajax函数数据库获取数据.

功能正常工作并显示数据.
但是加载数据需要时间,因此我想在获取数据的同时放置加载图像.
我用这种方法来做

<script type="text/javascript">
    jQuery(function($) {
        $(document).ready(function() {
            $("#imgs").hide();
            $(".letter").bind('click',function(){
                $("#imgs").fadeIn();
                var val = $(".letter").val;
                var site = '<?PHP echo site_url(); ?>';
                $.ajax({
                    url: site+'/wp-content/themes/premiumnews/newContent.PHP?letter='+$(this).html(),success:function(data){
                        $("#imgs").hide();
                        $("#content1").html(data);
                    }
                });
            });
        });
    });
</script>

当我点击按钮时,会出现加载图像,但成功后图像应该消失,在我的情况下它仍然存在

我的代码错了吗?或者我使用了错误方法

解决方法

这是我过去一直使用的:

$('#loading_div').hide().ajaxStart(function(){
    $(this).show();
}).ajaxStop(function() {
    $(this).hide();
});

大佬总结

以上是大佬教程为你收集整理的Jquery Ajax在获取数据的同时加载图像全部内容,希望文章能够帮你解决Jquery Ajax在获取数据的同时加载图像所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: