jquery中的.load()方法给我404 - Not Found错误

时间:2013-06-05 16:05:51

标签: jquery ajax

我有一个简单的页面,我需要将.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>

1 个答案:

答案 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)