Home/ Questions/Q 8834395
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T09:00:12+00:00

I have two files: index.php and cart.php In cart.php I have few three functions

  • 0

I have two files: index.php and cart.php

In cart.php I have few three functions – products_all(), products_shirts(), products_hoodies(). Those functions get info from my database and outputs it if called.

I want each of those functions to be called by clicking on hyperlinks and then to be outputed in a div tag, so that only the div tag is being refreshed not the whole site.

I read about jQuery/AJAX function load, but I can’t get it to work.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you don’t want the whole page to be refreshed, there is no way around using ajax.

    But it’s not that hard. When using a library like jQuery, you can do it in a few lines.

    Your HTNL + javscript code:

    <html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function callFunction(yourfunction)
{
    $.post('cart.php', { "function": yourfunction }, function(data) {
        alert(data);
    });
}

$(document).ready(function()
{
    $("#functionOne").on("click", function()
    {
        callFunction(1)
    });

    $("#functionTwo").on("click", function()
    {
        callFunction(2)
    });

});
</script>
</head>
<body>
    <a id="functionOne">function one</a>
    <a id="functionTwo">function two</a>
</body>
</html>

    And on the server side (cart.php) something like this:

    <?php
if (isset($_POST['function']))
{
    switch ($_POST['function'])
    {
        case 1:
            functionOne();
            break;
        case 2:
            functionTwo();
            break;
    }
}

function functionOne()
{
    echo "hi, i am func1";
}

function functionTwo()
{
    echo "hi, i am func2";
}

    This should get you started!

    • 0