Question

我正在跟踪有关Ajax如何工作的教程，并且我的代码设置与mmtuts完全相同，但是直到我将test.js编辑为此，它才显示新值：

这不起作用：

$(document).ready(function() {
    $("#btn").click(function() {
        $("#test").load("data.txt", {Firstname: "Test", Lastname: "TestLast"}, function() {
            alert("Hi there!");
        });
    });
});

但是当我替换为它时，它会起作用：

$(document).ready(function() {
    $("#btn").click(function() {
        $("#test").load("data.txt", function() {
            alert("Hi there!");
        });
    });
});

HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Ajax Tutorial</title>
    <script
              src="https://code.jquery.com/jquery-3.3.1.min.js"
              integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
              crossorigin="anonymous"></script>
    <script src="test.js">
    </script>
</head>
<body>

<div id="test">
    <p>This is the first content!</p>
</div>
<button id="btn">Click to change</button>
</body>
</html>

以防万一有人需要data.txt：

<p>This is the new data!</p>

为什么第一个代码不起作用？我只是将字符串传递到文本文件中，以供本教程显示可以包含在代码中的内容。

Answer 1

此代码运行正常，请检查

<!DOCTYPE html>
<html>
<head>
    <title>Ajax Tutorial</title>
    <script
              src="https://code.jquery.com/jquery-3.3.1.min.js"
              integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
              crossorigin="anonymous"></script>
    <script>
    $(document).ready(function() {
        $("#btn").click(function() {
            $("#test").load("test.txt", function() {
                alert("Hi there!");
            });
        });
    });
    </script>
</head>
<body>

<div id="test">
    <p>This is the first content!</p>
</div>
<button id="btn">Click to change</button>
</body>
</html>

我已经在文件test.txt上创建了文件，并且在其中写了一些东西并可以正常工作请检查并告知您您想要的。

包含GET / POST变量时，Ajax不替换为新文本

1 个答案: