-1

我有两个文件：index.php和cart.php

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

我希望通过单击超链接来调用这些函数中的每一个，然后将其输出到div标签中，以便只div刷新标签而不是整个站点。

我阅读了有关 jQuery/AJAX 函数加载的信息，但我无法让它工作。

4

1 回答 1

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

这应该让你开始！

于 2012-11-11T22:59:22.013 回答