jquery 异步加载页面

最新推荐文章于 2024-04-23 00:29:43 发布

caption2005

最新推荐文章于 2024-04-23 00:29:43 发布

阅读量1k

点赞数

分类专栏： javaScript 文章标签： jquery 异步加载

本文链接：https://blog.csdn.net/caption2005/article/details/12951173

版权

javaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html>
<head>

<title>页面的异步加载</title>

<%-- 当文档加载完成之后，然后激发下面的script方法,实现下面三块小部分的异步加载；这里使用了jquery中封装的方法--%>
<script language="javascript" src="js/jquery.js"></script>
<script>
$(document).ready(function()
{
//这是第一种方式加载第一块内容
$.get("titlenews.jsp?id=1", function(data)
{
$("#divitem1").html(data);
});
//这是第二种方式加载第一块内容
$("#divitem2").load("titlenews.jsp?id=2");
$("#divitem3").load("titlenews.jsp?id=3");
});

</script>

</head>

<body>
<div class="side_list" id="divitem1">
<img src="Images/loading.gif" />
数据加载中............
</div>
<div class="side_list" id="divitem2">
<img src="Images/loading.gif" />
数据加载中............
</div>
<div class="side_list" id="divitem3">
<img src="Images/loading.gif" />
数据加载中............
</div>

这是页面异步加载的一个例子
</body>
</html>

caption2005

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery 异步加载页面

页面的异步加载$(document).ready(function(){//这是第一种方式加载第一块内容$.get("titlenews.jsp?id=1", function(data){$("#divitem1").html(data);});//这是第二种方式加载第一块内容$("#divitem2").load("titlenews.j
复制链接

扫一扫