如何刷新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。