Javascript 试图通过php和ajax在网页上获取数据

这可能是非常基本的，但我无法理解在页面上的按钮单击事件上调用AJAX并使用php从服务器获取要显示的数据的最佳方式

我有一个名为div.php的简单网页：

这是非常基本的，我应该在点击按钮时得到查询结果，但它不起作用。这里有什么不对劲吗

---

如果您有任何帮助或想法来理解PHP到AJAX到JS的流程，我们将不胜感激

你需要单独嵌入JS，你不能做你已经做过的事情，但需要按如下方式进行拆分

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('#btn').click(function(){
           ... etc
        });
    });
</script>

---

基于有限的可用信息，这很难调试，尽管我认为这可能是问题所在。您的元素位于元素内部。这意味着当您单击按钮时，它将提交表单并重新加载页面。您的AJAX可能工作正常，但页面已重新加载，因此您将看不到数据。解决方案：

从页面中删除，或者查看jquery中按钮单击函数的e.preventDefault。

---

另一方面，您应该将代码迁移到使用另一个库（如PDO）来访问数据库，因为mysql_*函数不应该再被使用。

在php文件中使用json_encode函数对要用于JS中数据变量的数组进行编码，然后在javascript中使用json.parsedata。您应该真正停止使用旧的mysql函数。你有任何JS错误，PHP错误吗？您能在浏览器中加载test.php吗？哦，是的，test.php正在浏览器中加载查询结果。但是当我单击div.php中的按钮时，什么都没有发生。理想情况下，它应该从test.php中提取查询结果，但遗憾的是它没有！分离脚本似乎起到了作用。谢谢

<?php 
    include ("config.php");

    $sql = "SELECT * FROM userInfo;";
    $result = mysql_query($sql);

    $row = mysql_fetch_array($result, MYSQL_ASSOC);
    $count = mysql_num_rows($result);

    if ($count > 0) {
        while($row = mysql_fetch_array($result, MYSQL_ASSOC)) {
            echo $row["userLogin"] . "<br>";
        }
    }
?>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
        $('#btn').click(function(){
           ... etc
        });
    });
</script>