Ajax не заменяется новым текстом при включении переменных GET / POST - PullRequest
0 голосов
/ 25 октября 2018

Я следую учебному пособию о том, как работает 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>

Почему не работает первый код?Я передаю строку в текстовый файл просто для учебника, чтобы показать, что вы можете включить в код.

1 Ответ

0 голосов
/ 25 октября 2018

Этот код работает нормально. Пожалуйста, проверьте

<!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, и внутри него я что-то пишу и его работоспособность Пожалуйста, проверьте и дайте мнезнаю, что вы хотите.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...