Question

我花了一些时间查看Ajax的示例，向PHP发送变量并获取另一个变量。这是来自另一个页面（how to get variables from php using AJAX），但似乎有些东西对我不起作用。我没有收到错误，只是没有动作似乎发生。我的目标是简单地将一些数据发布到php页面并获取变量并将它们放在不同的DIV中。

htmlpage.html

<html>
<head>
<script>
    $(document).ready(function() {
    $("#ajaxButton").click(function() {
        $.ajax({
            url:'phppage.php',
            data:{username: $('#username').val()},
            type:'POST',
            success: function(data) {
              $('#result').html(data);
            }
        });
    });
});
</script>
</head>
<body>
<input type="text" name="username" id="username"/>
<input type="button" value="Find" id="ajaxButton"/>
<div id="result">This should change on click</div>
</body>
</html>

phppage.php

<?php

$_POST['username'];
$username = $_POST['username'];
$result = '<div class="result">' .$username. "</div>";
echo $result;

?>

Answer 1

这是你的整个剧本？如果是，我认为你不在你的前端脚本中导入jquery

请在代码中添加jquery，例如：

<script   src="http://code.jquery.com/jquery-1.12.4.min.js"   integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="   crossorigin="anonymous"></script>

Ajax查询无法正常工作

1 个答案: