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

Question

我有一个PHP文件specific.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而不加载整个页面。

Answer 1

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

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