我有一个简单的页面,我需要将.html文件加载到DIV,但我总是有404找不到
我在JSP文件的同一文件夹中有一个名为demo_test.txt的文件,我需要将此文件加载到ID为“div1”的div
这是代码:
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js">
</script>
<script type="text/javascript">
$(document).ready(function(){
$("button").click(function(){
// $("#div1").load("demo_test.txt");
$("#div1").load("demo_test.txt", function(responseText, statusText, xhr)
{
if(statusText == "success")
alert("Successfully loaded the content!");
if(statusText == "error")
alert("An error occurred: " + xhr.status + " - " + xhr.statusText);
});
});
});
</script>
</head>
<body>
<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>
</body>
</html>
答案 0 :(得分:1)
您正在尝试相对于您所在的路径加载文件。尝试对文件路径进行硬编码,然后在浏览器中查看,然后加载。
所以你的行会是这样的(如果文件位于WEBROOT / MY_APP / Files中)
$("#div1").load("/MY_APP/Files/demo_test.txt", function(responseText, statusText, xhr)
或完整路径
$("#div1").load("http://MyWebsite.com/MY_APP/Files/demo_test.txt", function(responseText, statusText, xhr)