javascript - 使用 Ajax 请求单击链接后更改 div 的内容

Question

我的 div 包含一个 PHP 函数，它有一个 sql 查询，它从 threads 表中获取最新的线程。我的页面结构是这样的；

Section # 1 --- Link 1
Section # 2 --- Link 2
Section # 3 --- Link 3

我想做的是让它像点击 Link 1 时显示 Section 1 的最新线程，当 Link 3 被点击然后它显示 Section 3 的最新线程。

请注意:我知道我可以使用 slidetoggle() jQuery 函数来显示和隐藏 div，但我想这样做以便在单击链接时运行 sql 查询以显示最新线程。我正在使用以下 jQuery；

jQuery(document).ready(function($)
    {
        $('a[id^="forum_name"]').on('click', function (e)
        {
            e.preventDefault();
            var fid = $(this).attr("fid");
            $.ajax(
            {
                type: "POST",
                url: 'latest_threads.php?fid='+fid,
                dataType: 'json', 
                success: function (data)
                {
                    $("#forum_threads_"+fid).html(data).stop().slideToggle("fast");
                }
            });
        });
    });

我的 PHP 文件 latest_threads.php 有以下代码；

<?php
define("IN_MYBB", 1);
require_once "./global.php";

if ($mybb->input['fid'] != "")
{
    require_once MYBB_ROOT."inc/functions.php";
    $fid = intval($mybb->input['fid']);
    $forum['forum_threads'] = kalachi_forum_threads($fid);
}
?>

我的 HTML 就像；

<a href="javascript:void(0);" id="forum_name" fid="{$forum['fid']}" title="See latest threads of this section.">{$forum['threads']}</a>
<div id="forum_threads_{$forum['fid']}" style="display: none;">{$forum['forum_threads']}</div>

但是不行，求助!

Answer 1

jQuery:

jQuery(document).ready(function($){
  $('a[id^="forum_name"]').on('click', function (e){
        e.preventDefault();
        var fid = $(this).attr("fid");
        $.ajax(
        {
            type : "post",
            dataType: "html",
            url : "misc.php?action=forum_threads&fid="+fid,
            cache: false,
            success : function(response)
            {
                $("#forum_threads_"+fid).stop().slideToggle("fast").html(response);
            }
        });
  });
});

PHP:

<?php
define("IN_MYBB", 1);
require_once "./global.php";

if ($mybb->input['fid'] != "")
{
    require_once MYBB_ROOT."inc/functions.php";
    $fid = intval($mybb->input['fid']);
    echo $forum['forum_threads'] = kalachi_forum_threads($fid);
    exit;
}
?>

在 HTML 中:

将最后一行改为:

<div id="forum_threads_{$forum['fid']}"></div>