Question

我是jQuery的新手，我试图学习如何在jQuery中使用Load（）。我从这个页面中获取了脚本：http://www.w3schools.com/jquery/jQuery_ajax_load.asp 然后将demo_test.txt放在与我的index.cshtml文件相同的文件夹中。无论我尝试写什么作为路径我总是得到“错误404文件未找到”。在我的索引页面下面

  <script>
    $(document).ready(function(){
        $("#przycisk").click(function () { 
            $("#test").load("demo_test.txt", function (responseTxt, statusTxt, xhr) {
                if (statusTxt == "success")
                    alert("External content loaded successfully!");
                if (statusTxt == "error")
                    alert("Error: " + xhr.status + ": " + xhr.statusText);
            });    
        }); 
    });
    </script>
    <div id="test">
    <span>Nowy Tekst</span>
    </div>

    <button id="przycisk" class="btn btn-default">press me!</button>

这里是我的文件结构： enter image description here

我在stackoverflow上读了许多类似的问题，但仍然无法修复它。谁能告诉我应该怎么做？

Answer 1

$(document).ready(function() {
    $("#btnX").on('click', function(e) {
       e.preventDefault();
        $.ajax({
            url : "helloworld.txt",
            dataType: "text",
            success : function (data) {
                $(".text").html(data);
            }
        });
    });
}); 

<button id="btnX">Click me</button>
<div class="text"></div>

Check this jquery datatype link

Answer 2

确定。我找到了答案。将文件放在与Views等相同的文件夹中是一个坏主意，因为IIS正在更改路径，因此无法打开文件。简单解决方案创建新文件夹，例如。 “数据”将文件放在那里并使用如下代码：

    $(document).ready(function () {
        $("#test").text("trolololo");

        $("#przycisk").click(function () {
            $("#test").load("../Data/demo_test.txt", function (responseTxt, statusTxt, xhr) {
                if (statusTxt == "success")
                    alert("External content loaded successfully!");
                if (statusTxt == "error")
                    alert("Error: " + xhr.status + ": " + xhr.statusText);
            });
        });
    });

jQuery - 加载路径错误404

2 个答案: