在href链接的单独div标签中调用函数

时间:2012-11-11 22:35:38

标签: php jquery html ajax

我有两个文件: index.php cart.php

cart.php 中,我有三个功能 - products_all()products_shirts()products_hoodies()。这些函数从我的数据库中获取信息,并在调用时输出。

我希望通过点击超链接调用每个函数,然后在div标记中输出,这样只会刷新div标记而不是整个网站。

我读到了关于jQuery / AJAX函数的负载,但我无法让它工作。

1 个答案:

答案 0 :(得分:0)

如果您不希望刷新整个页面,则无法使用ajax。

但这并不难。当使用像jQuery这样的库时,你可以在几行中完成它。

你的HTNL + javscript代码:

<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>

在服务器端(cart.php)是这样的:

<?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";
}

这应该可以帮到你!