AJAX는 성공했지만 div를 예상대로 대체하지 않습니다.

Question

많은 인터넷 검색 결과를 얻은 후에 저는 성공의 첨단에 서 있습니다.

그 다음 미리보기를 포함 overview.php, 상당히 큰 페이지가 : 페이지 아래로

<script> 
    function getSummary(id) 
    { 
    $.ajax({ 
     type: "GET", 
     url: '_table_category.php', 
     data: "catid=" + id, 
     success: function(data) { 
      $('#summary').html(data); 
      alert('Successfully called'); 
     }, 
     error: function(jqxhr, status, exception) { 
      alert('Exception:', exception); 
     } 
    }); 
    } 
</script> 

, 내가 배열을 반복하고 테이블을 채 웁니다. 첫 번째 열은 다음과 같다 : 페이지를로드시

 <div class="box"> 
     <div class="box-header"> <h3 class="box-title"> Details </h3> </div> 
     <div class="box-body"> 
      <div id="#summary"> Select a category to see the details. </div> 
     </div> 
     </div> 

없음 오류 또는 클릭하여 : 더 아래 페이지에서 다음

<td> <a onclick="getSummary('<?php echo $expenses[$k]['categoryid']; ?>')"> <?php echo $expenses[$k]['shortdesc']; ?> </a> </td> 

과, 세부 사항을 포함 사업부가있다 링크'. 링크를 클릭하면 예상대로 '알림 호출 성공'알림이 표시됩니다.

Chrome 개발자 도구의 네트워크 탭에서 _table_category.php 페이지 (catid 값 포함)를 호출하고 해당 링크를 클릭하면 (예 : _table_category.php? catid = 35)), 미리보기 창의 HTML 형식이 올바르게 지정됩니다. 그런 다음 div를 수동으로 붙여 넣으면 정확히 원하는 모양이됩니다.

이렇게하면 뭔가 명확하지 않은 부분이 생겨서 실제로 div를 결과로 바꾸는 것이 아니라고 생각합니까?

Answer 1

div의 ID가 잘못되었습니다.

<div id="#summary"> 

는 그냥해야한다 :

<div id="summary"> 

#은 (는 "ID에 의해 선택"을 지정하는 데 사용)를 선택 단지가있다.