Een mysql-database bijwerken zonder de pagina opnieuw te laden

Je hebt AJAX nodig, zoals iedereen heeft gezegd.

Aangezien je nog nooit javascript hebt geschreven, is hier een handleiding voor je.

In plaats van uw

<a href="add-item.php?itemid='.$itemId.'" > Add Item </a>

Schrijf

<a onclick="addItemToUsersList('.$itemId.')" > Add </a>

Gebruik voor AJAX jQuery zoals Angelo heeft voorgesteld. Download het en voeg het volgende toe

<script type="text/javascript" src="http://path/to/jquery-latest.min.js"></script>
<script type="text/javasript">
function addItemToUsersList(itemId)
{
  $.ajax({
    'url': 'path/to/add-item.php', 
    'type': 'GET',
    'dataType': 'json', 
    'data': {itemid: itemId}, 
    'success': function(data) 
    {
      if(data.status)
      {
        if(data.added)
        {
          $("span#success"+itemId).attr("innerHTML","Item added to your personal list");
        }
        else
        {
          $("span#success"+itemId).attr("innerHTML","This item is already on your list");
        }
      }
    },
    'beforeSend': function() 
    {
      $("span#success"+itemId).attr("innerHTML","Adding item to your bucketlist...");
    },
    'error': function(data) 
    {
      // this is what happens if the request fails.
      $("span#success"+itemId).attr("innerHTML","An error occureed");
    }
  });
}
</script>

En dan tot slot, in je path/to/add-item.php bestand schrijf de code om de items toe te voegen. De parameter itemId zal hier beschikbaar zijn als $_GET['itemId'] . Retourneer gewoon de juiste statuswaarden met json_encode.

if($bucketlist < 1) 
{
  mysql_query("INSERT INTO membersbuckets (memberbucketid, userid, bucketid, complete) VALUES ('', '$userid', '$_GET['itemId]', '0')");
  return json_encode(array("status" => true, "added" => true));
}
else
{
  return json_encode(array("status" => true, "added" => false));
}