Как обновить div без обновления всей страницы?

Question

У меня есть файл PHP частности.php которые имеют меню для обслуживания вспомогательных страниц. Как только я нажимаю на меню, он загружает страницу, на которую я просил, не обновляя главную страницу i.e specific.php. Когда загружается подстраница, я создаю СЕССцию, которая будет хранить текущую страницу.

Ниже приведены коды, которые я пробовал и, кажется, не обновляет меню 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.