Question

我正在学习w3c学校的jquery ajax（） http://www.w3schools.com/jquery/ajax_ajax.asp

我在同一个文件夹中有一个html文件，一个文本文件（“demo_test.txt”）。点击按钮。 html应该加载文本文件：

这是代码：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $.ajax({url:"demo_test.txt",success:function(result){
      $("#div1").html(result);
    }});
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>

文本文件只有数据“这是文本文件”。

但有些如何不起作用。其他类似的帖子没有这种情况..在物理上放置文本文件有什么问题吗？请建议

Answer 1

我似乎终于开始工作了。这是工作脚本

$("button").click(function(){
    $.ajax({url:"http://localhost/demo_test.txt",success:function(result){
      $("#div1").html(result);
    }});
  });

解决方法：将html文件和文本文件放在本地服务器（IIS）新站点上。

Answer 2

您正在浏览器中显示txt文件，但当您在回页时单击按钮时，您的文本文件内容未显示在页面上，因此您只需限制回发页面。所以你只需更改下面的javascript

<script language="javascript" type="text/javascript">
    $(document).ready(function () {
        $("button").click(function () {
            $.ajax({ url: "demo_test.txt",
                success: function (result) {
                    $("#div1").html(result);
                },
                error: function (abc) {
                    alert(abc.statusText);
                },
                cache:false
            });
            return false;
        });
    });
</script>

jquery ajax方法不是加载文本文件

2 个答案: