Javascript 如何使用AJAX从PHP文件中检索多个数据？

我正在做一个项目，我有一个HTML文件，有两个不同的分区：“产品”和“价格”。这些div中的文本必须来自数据库中的一行。我可以用php文件轻松访问这些文本值。我还可以使用AJAX获得一个，我可以把它放在一个div中。问题是我不知道如何才能同时获得产品和价格，并将它们放入div中。我发现了一些非常相似的问题，但没有一个答案对我有用

以下是我的JS代码：

$.ajax({
    type: "GET",
    url: "url to the php file",             
    dataType: "html",                
    success: function(response){                    
        $("#product").html(response);
    }
});

以下是php（我的列只有id、产品和价格）：

---

正如我所说，上面的代码有效，但只适用于“产品”。我想同时获得“产品”和“价格”。我非常感谢您提供的任何帮助。

您需要使用JSON。下面是一个简单的例子：

$.ajax({
    type: "GET",
    url: "url to the php file",             
    dataType: "html",                
    success: function(response){                    
        $("#name").html(response.name);
        $("#shoes").html(response.large);           
    },
    dataType: 'json'
});

然后在PHP中使用以下方法返回JSON：

$array = array('name' => 'Bob', 'shoes' => 'large');
echo json_encode($array);

---

您可以修改我的PHP，以便从数据库返回任何查询。

在上面的代码中，您只回显数据库中的

$row['product']

值。大概价格在另一列？为什么不回显这两个值呢？为什么不直接回显“{$row['price']}”？产品中使用的列是什么？它包含价格吗？“我如何获得产品和价格并将其放入div中”-什么div？发布你的HTML，为什么在第一行有这个<代码>mysqli_查询（$link，$query）非常感谢！我完全按照你的建议做了，现在效果非常好！

$array = array('name' => 'Bob', 'shoes' => 'large');
echo json_encode($array);