首页
Web开发
Windows程序
编程语言
数据库
移动开发
系统相关
微信
其他好文
会员
首页
>
Web开发
> 详细
ajax加载页面
时间:
2015-05-22 17:18:32
阅读:
137
评论:
0
收藏:
0
[点我收藏+]
标签:
ajax
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
</head>
<body>
<div class="ee">
<button>test1Html</button><button>test2Html</button>
</div>
<div id="mainBox">
00000
</div>
</body>
<script type="text/javascript">
var yt = $.extend({
loadDom: function () {
var arglen = arguments.length;
id = "mainBox", fc = null;
if (arglen < 1) {
yt.msg("没有传递需要加载的URL参数!", "e");
return false;
}
if (arglen == 2) {
fc = arguments[1];
}
if (arglen == 3) {
id = arguments[2];
}
$.ajax({
url: arguments[0] + ".html",
cache: false,
async: false,
timeout: 3000,
success: function (data) {
alert(data);
$id.html(data);
if (typeof fc == "function")
fc();
},
error: function () {
yt.sendmsg("networkerror");
}
});},
loadTest1 : function() {
yt.loadDom("test1", function() {
});
},loadTest2 : function() {
yt.loadDom("test2", function() {
});
}
var $id= $("#mainBox")
$(function(){
$(".ee button").click(function(){
var $html=$(this).text()
switch ($html){
case "1":yt.loadTest1();break;
case "2":yt.loadTest2();break;
case "3":yt.loadTest3();break;
}
})
})
</script>
</html>
ajax加载页面
标签:
ajax
原文地址:http://blog.csdn.net/hxc506896582/article/details/45917385
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)
周排行
更多
36.VUE — 认识 Webpack 和 安装
2021-07-28
【PHP】上传图片翻转问题
2021-07-28
php对数字进行万。亿的转化
2021-07-28
五个 .NET 性能小贴士
2021-07-28
Three.js中显示坐标轴、平面、球体、四方体
2021-07-28
.net 5+ 知新:【1】 .Net 5 基本概念和开发环境搭建
2021-07-27
1.html,css
2021-07-27
基于Docker搭建 Php-fpm + Nginx 环境
2021-07-27
nginx + http + svn
2021-07-27
kubernets kube-proxy的代理 iptables和ipvs
2021-07-26
友情链接
兰亭集智
国之画
百度统计
站长统计
阿里云
chrome插件
新版天听网
关于我们
-
联系我们
-
留言反馈
© 2014
mamicode.com
版权所有 联系我们:gaon5@hotmail.com
迷上了代码!