javascript - 如何使用 AJAX 和 JSON 获取 PHP 文件返回的数据

标签 javascript php jquery ajax json

对于初学者来说,该网站正在 Debian 计算机上运行。 我有一个 SQLite3 数据库,其中包含当前的新闻文章。我正在尝试使用 PHP 查询数据库中的这些文章,并将其作为 JSON 传递给 AJAX,以便它可以显示在我的网页上。现在什么也没有显示,我不知道错误在哪里。

以下是从数据库获取信息的 PHP 代码:

<?php

class MyDB extends SQLite3
{
    function __construct()
    {
        $this->open('website.db');
    }
}

$db = new MyDB();
$result = $db->query('SELECT * FROM news');
echo json_encode($result);
?>

这是 AJAX 所在的 JavaScript:

<script type="text/javascript">

 function getNews()
 {
     console.log("firstStep");
      $(document).ready(function()
      {

        console.log("secondStep");
        $.getJSON("http://localhost/getNews.php",function(result){

            console.log("thirdStep");
            $('news').append(result); // display result

                 });
       });
  }

我认为错误发生在$.getJSON("http://localhost/getNews.php",function(result)附近,如在控制台中一样,thirdStep 永远不会被输出。

这是它应该附加到的 HTML: <div id = "newsEntry"> <news> test </news> </div>

如有任何帮助,我们将不胜感激。

最佳答案

要了解发生了什么,您可能需要添加错误处理程序:

$(document).ready(function() {
  $.ajax({
    url: "http://localhost/getNews.php",
    dataType: "json",
    success: function(result) {
      console.log("thirdStep");
    },
    error: function(err) {
      alert(err);
    }
  });
})

关于javascript - 如何使用 AJAX 和 JSON 获取 PHP 文件返回的数据,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31011687/

相关文章:

javascript - async/await 不会将构建的数组返回到父 array.map()

javascript - JQuery禁用按钮不起作用

php - 如何记录可变数量的参数

php - 如何使用 mysqli 库循环删除多个 mysql 数据库?

javascript - 在 jQuery 中使用 on() 时,如何使用带参数的函数作为处理程序?

javascript - 在 Firefox 中渲染内联 SVG

与 Intel 的 SSE4.2 硬件实现兼容的 Javascript CRC32C 实现

javascript - 为 FB 发送添加自定义按钮

javascript - jQuery 正则表达式 - 无法将 img 标签的标题属性中的换行/换行替换为 <br>

javascript - AJAX 调用在公司防火墙后面失败