如何刷新div而不刷新整个页面？

Question

我有一个PHP文件special.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。