使用计时器延迟页面显示，以保证页面加载完ajax数据也请求完成

最新推荐文章于 2022-06-23 16:14:25 发布

原创最新推荐文章于 2022-06-23 16:14:25 发布 · 426 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

js 同时被 2 个专栏收录

45 篇文章

订阅专栏

html

27 篇文章

订阅专栏

本文探讨了使用JavaScript实现页面加载时的隐藏效果及通过AJAX获取动态内容的方法。介绍了如何利用setTimeout函数延迟显示页面，并通过POST请求从本地API获取文章数据。

<script type="text/javascript">
	window.onload = function(){
		// 刚跳转到该页面时，使其暂时隐藏
		$(".body").hide();
		setTimeout(function(){
			// 加载完成后显示页面
			$(".body").show();
			$.ajax({
				url: 'http://127.0.0.1/api/article',
				type: 'post',
				data:{id:id},
				dataType: 'json',
				success: function(res){
					for(var i in res.data.data){
						// 数据
					}
				}
			})
		},100);
	}
</script>