jquery 异步加载页面
来源:互联网 发布:java访问修饰符 案例 编辑:程序博客网 时间:2024/05/18 03:18
<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>
<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>
- jquery 异步加载页面
- Jquery异步加载页面(load)
- Jquery 异步加载页面 简单示例
- SpringMVC+Jquery -页面异步加载数据
- struts2中使用jquery异步加载整个页面
- 页面同步加载&&异步加载
- jQuery异步加载实例
- jquery异步加载图片
- jQuery+目标异步加载
- javascript.async异步加载页面。
- ajax异步加载页面代码
- 异步传输方式加载页面
- 页面异步加载树形菜单
- handlebars+iscroll异步加载页面
- 异步请求动态加载页面
- JQuery页面加载效果
- jquery 加载页面
- 页面加载顺序jQuery
- v$session 和v$process 、v$transaction
- CUDA简介
- Oracle之课程实验三(格式化报表)
- 动态Fragment
- fragment:创建选项卡界面
- jquery 异步加载页面
- Oracle之课程实验四(创建表空间)
- Chaos网络库(三)- 主循环及异步消息的实现
- GPU基本介绍
- Java 操作redis
- fragment:向下兼容
- 轻量级KVO[译]
- Java设计模式之单例(Singleton)
- Oracle之课程实验五(pl/sql)