Php 从href链接在单独的div标记中调用函数_Php_Jquery_Html_Ajax

Php 从href链接在单独的div标记中调用函数

php jquery html ajax

Php 从href链接在单独的div标记中调用函数,php,jquery,html,ajax,Php,Jquery,Html,Ajax,我有两个文件：index.php和cart.php 在cart.php中，我有三个函数-products\u all（），products\u shirts（），products\u hoodies（）。这些函数从我的数据库中获取信息，并在调用时输出我希望通过单击超链接调用这些函数中的每一个，然后在div标记中输出，以便只刷新div标记，而不是整个站点我读过关于jQuery/AJAX函数加载的文章，但我无法让它工作。如果您不想刷新整个页面，那么使用AJAX是没有办法的但这并不难。使用jQu

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

在cart.php中，我有三个函数-

products\u all（）

，

products\u shirts（）

，

products\u hoodies（）

。这些函数从我的数据库中获取信息，并在调用时输出

我希望通过单击超链接调用这些函数中的每一个，然后在

div

标记中输出，以便只刷新

div

标记，而不是整个站点

我读过关于jQuery/AJAX函数加载的文章，但我无法让它工作。

如果您不想刷新整个页面，那么使用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>


函数调用函数（yourfunction）
{
$.post（'cart.php'，{“function”：yourfunction}，function（数据）{
警报（数据）；
});
}
$（文档）.ready（函数（）
{
$（“#函数一”）。在（“单击”，函数（）
{
调用函数（1）
});
$（“#函数二”）。在（“单击”，函数（）
{
调用函数（2）
});
});
功能一
功能二

在服务器端（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";
}

都是关于ajax的，这是一个问题站点，我们这里不做脚本，添加您的代码看看我们是否能提供帮助。向我们展示你迄今为止所做的一切，我们将尽力提供帮助。