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