전체 페이지를 새로 고치지 않고 div를 새로 고치는 방법은 무엇입니까?

Question

PHP 파일 특정 .php 하위 페이지를 제공하는 메뉴가 있습니다. 메뉴를 클릭하면 메인 페이지를 새로 고치지 않고 요청한 페이지를로드합니다. 즉, 특정 .php. 하위 페이지가로드되면 현재 페이지를 저장할 세션을 만듭니다.

다음 코드는 시도했지만 새로 고침 메뉴가없는 것 같습니다.

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. 나는 메뉴를 클릭하면 Nutsheell에서

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; 
} 

는, 나는 #ajaxmenu가 전체 페이지를로드하지 않고 새로 고침되고 싶어요.

Answer 1

AJAX success에는 $("#result").html(data);을 $("#ajaxmenu").html(data)으로 대체하십시오. 현재로서는 잘못된 컨테이너에 데이터 응답을로드하는 것 같습니다. 코드에는 id="response"이 없습니다.

또한 <footer> 태그가 서로 중첩되도록 할 수 있으므로 HTML을 준비 할 때 염두에 두어야합니다.