जैसा कि सभी ने कहा है, आपको AJAX की आवश्यकता है।
चूँकि आपने कभी कोई जावास्क्रिप्ट नहीं लिखा है, यहाँ आपके लिए एक गाइड है।
आपके
. के बजाय<a href="add-item.php?itemid='.$itemId.'" > Add Item </a>
लिखें
<a onclick="addItemToUsersList('.$itemId.')" > Add </a>
AJAX के लिए, jQuery का उपयोग करें जैसा कि एंजेलो ने सुझाव दिया है। इसे डाउनलोड करें और निम्नलिखित जोड़ें
<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>
और फिर अंत में, आपके path/to/add-item.php
. में फ़ाइल आइटम जोड़ने के लिए कोड लिखें। पैरामीटर itemId
यहां $_GET['itemId']
. के रूप में उपलब्ध होगा . 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));
}