jQuery-AJAX load()方法中的URL为什么没用？我已经把文件和html文件放在同一个文件夹下了。
<!DOCTYPEhtml><html><head><scriptsrc="/jquery/jquery-1.11.1.min.js"></script><script>...
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('111.txt');
})
})
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>
</body>
</html> 展开
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$('#test').load('111.txt');
})
})
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">获得外部的内容</button>
</body>
</html> 展开
3个回答
展开全部
应该可以把，我试过了
txt和html页都在一个路径下
下图中的111.txt、222.txt、HtmlPage2.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("#btn1").click(function () {
htmlobj = $.ajax({ url: "111.txt", async: false });
$("#test").html(htmlobj.responseText);
});
$("#btn2").click(function () {
$('#test').load('222.txt');
});
});
</script>
</head>
<body>
<h3 id="test">请点击下面的按钮，通过 jQuery AJAX 改变这段文本。</h3>
<button id="btn1" type="button">ajax获得外部的内容</button>
<button id="btn2" type="button">jquery.load()获得外部的内容</button>
</body>
</html>
效果：
前一个按钮点击后（111.txt中文本内容为：测试）
后一个代码点击后（222.txt中的文本内容为：测试2）
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先，需要下载一个工具包——AppServ，完成网页架站，下载地址为：http://www.appservnetwork.com。安装该工具包后，在安装目录下，找到名为“www”的文件夹。
接下来，把你写的文件和要加载的相关文件通通放进这个文件夹里。执行文件时，不要使用默认路径，而是在地址栏稍作修改，如下图所示：
即在你需要执行的文件名之前加上“localhost/”,这样就可以顺利加载相关文件啦！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的文件之间的路径是怎样的，截个图来看看
追问
在同一文件夹下
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
