How to best interact Javascript with a PHP query

Question

Hello

I have a javascript function that reads the browser localStorage that represents the client ID and displays the result of the localStorage read in a DIV. I would like javascript to bring the ID’s of the clients allocated nolocalStorage and collect from the database using a PHP query the client’s name and general data, as the FOR loop runs.

But I’ve never done it before, what better way to be doing it, the right way. If possible, give me an example.

I’ve come this far:

function listarClientes()
{

  for(i = 0; i <= 10; i++)
  {
    // Retrieve
  var divInformacoesClientes = document.getElementById("divCliente");
  divInformacoesClient.innerHTML += '<p>' + localStorage.getItem(i); + '</p>';

  }

}

Current code with AJAX request.

  $.get("carrinho_compras.php",
  {id:compras_no_carrinho},
  function(data)
  {
    //alert(data);
    console.log(data);
    document.getElementById("total").innerHTML += data ;
  }, "html");

PHP code

<?php

include 'include/connection.php';

$id = $_GET['id'];

$query = "SELECT id, imagem, produto FROM produtos WHERE id = $id ORDER BY id ASC";

$result = mysqli_query($link, $query);

while ($row = mysqli_fetch_array($result))
{
    echo $row[2];
}
?>

Error that is displayed when inserting ( += ) to concatenate all values received by AJAX request.

 Warning: mysqli_fetch_array() expects parameter 1 to be mysqli_result, boolean given in C:\xampp\htdocs\projetos\PaperList\carrinho_compras.php on line 11

Thank you.