jQuery ajax - load() 方法显示不了加载的页面内容
//index.html<html><head><scripttype="text/javascript"src="jquery.js"></script><script...
//index.html
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
$("#myDiv").load("1.txt", function() {
alert("Load was performed.");
});
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
//1.txt
123456789 展开
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#b01").click(function(){
$("#myDiv").load("1.txt", function() {
alert("Load was performed.");
});
});
});
</script>
</head>
<body>
<div id="myDiv"><h2>通过 AJAX 改变文本</h2></div>
<button id="b01" type="button">改变内容</button>
</body>
</html>
//1.txt
123456789 展开
3个回答
展开全部
在jQuery ajax的load()方法能够载入远程 HTML 文件代码并插入至 DOM 中,这个与post,get还是有一点的区别，但可以快速在页面加载时就加载一个页面的html保存到dom中并且可执行哦。
load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式。
load()函数:
函数介绍：load(url, [data], [callback]) 返回值:jQuery
参数说明：
url:待装入 HTML 网页网址。
data:（可选参数）发送至服务器的 key/value 数据。
callback:（可选参数）载入成功时回调函数。
实例如下：
首先建立需要加载的test.html文件：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ajax演示</title>
</head>
<body>
测试
</body>
</html>
然后建立ajax.html文件，引入jquery。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("#result").load("test.html",function(responseText,textStatus){
$("#display").append("<hr>responseText:"+responseText);
$("#display").append("<hr>textStatus:"+textStatus);
});
});
});
</script>
</head>
<body>
<input type="button" value="测试" id="btn" />
<h2>显示的内容如下：</h2>
<div id="result"></div>
<h2>结果：</h2>
<div id="display"></div>
</body>
</html>
load()方法默认使用 GET 方式, 如果传递了data参数则使用Post方式。
load()函数:
函数介绍：load(url, [data], [callback]) 返回值:jQuery
参数说明：
url:待装入 HTML 网页网址。
data:（可选参数）发送至服务器的 key/value 数据。
callback:（可选参数）载入成功时回调函数。
实例如下：
首先建立需要加载的test.html文件：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ajax演示</title>
</head>
<body>
测试
</body>
</html>
然后建立ajax.html文件，引入jquery。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="./jquery-1.7.1.min.js"></script>
<script>
$(document).ready(function(){
$("#btn").click(function(){
$("#result").load("test.html",function(responseText,textStatus){
$("#display").append("<hr>responseText:"+responseText);
$("#display").append("<hr>textStatus:"+textStatus);
});
});
});
</script>
</head>
<body>
<input type="button" value="测试" id="btn" />
<h2>显示的内容如下：</h2>
<div id="result"></div>
<h2>结果：</h2>
<div id="display"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以的，只是本地浏览器安全限制。
http://www.xiamiz.com/a/jiaocheng/20130306/111043.html
jQuery Ajax之load()方法
希望能帮助到你，如果还有问题请直接追问。
http://www.xiamiz.com/a/jiaocheng/20130306/111043.html
jQuery Ajax之load()方法
希望能帮助到你，如果还有问题请直接追问。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
load运用：
引用jq包
<div id="list"></div>
javascript代码
$('#list').load("../../index.php");
div异步加载index.php
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
