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

Question

我有一个 PHP 文件 preferred.php，其中有提供子页面的菜单。一旦我点击菜单，它就会加载我要求的页面，而无需刷新主页，即special.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。

Answer 1

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

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