javascript - jquery $.load(url)

Question

使用$.load(url) 异步加载一个网页的内容，但是由于网速限制，加载时间可能很长，怎么在加载过程中执行某个函数，比如“加载中...”的等待提示，加载完毕后就关掉

Answer 1

// show loading, eg: $(...).html('Loading...');
$.load(url, function() {
// load complete, cancel loading.
})

Answer 2

<button id=get>load</button>
<p id=loading style="display:none">laoding .... </p>

<script>
    document.getElementByid("get").onclick=function(){
        document.getElementByid("loading").style.display="block"
         $.load(url,function(){
        document.getElementByid("loading").style.display="none"
        })
    }
</script>

Answer 3

可以设置个状态锁，初始值为loading,这个时候你在想要显示内容的标签中添加文本或者节点“加载中。。”;
然后在你的$.load函数中，当函数执行完毕，修改状态锁为loaded，然后再将"加载中。。"给隐藏掉。