如何在不刷新整个页面的情况下刷新 div？答案

【问题标题】：How to refresh div without refreshing whole page?如何在不刷新整个页面的情况下刷新 div？
【发布时间】：2016-11-04 05:54:34
【问题描述】：

我有一个 PHP 文件 particular.php，它有提供子页面的菜单。一旦我点击一个菜单，它就会加载我要求的页面，而无需刷新主页，即 specific.php。加载子页面后，我会创建一个 SESSION 来存储当前页面。

以下是我尝试过的代码，似乎没有刷新菜单 div。

echo '<footer id="ajaxmenu">';
echo '<ul>'
      if ( $_SESSION["ajax_show"] == 'result') {
           echo "<li style='text-decoration: underline;'>";
       } else {
              echo '<li>';
       }
       echo "<a href='#' onclick=\"result(); return false;\">Academic</a></li>";

 echo '</ul>';
 echo '</footer>';
}

JQuery ajax。

function result(year) {

    var year = year.value;
    $.ajax ({
           type: "POST",
            url: "result.php",
            data: { year: year},
            success: function(data),
                $("#result").html(data);
            }
    });    
    $("#ajaxmenu").load("#ajaxmenu");
    return false;
 }

在 Nutsheell 中，当我点击菜单时，我希望 #ajaxmenu 刷新而不加载整个页面。

【问题讨论】：

标签： javascript jquery ajax html

【解决方案1】：

在您的 AJAX success 中，将 $("#result").html(data); 替换为 $("#ajaxmenu").html(data)。就目前而言，您似乎将数据响应加载到错误的容器中 - 您的代码中没有 id="response"。

此外，它可能会导致<footer> 标签相互嵌套，因此在准备HTML 时应牢记这一点。

【讨论】：