ajax 호출을 통해 다른 페이지에서 현재 페이지로 div를 호출합니다.

Question

저는 현재 다른 페이지에서 div 페이지의 html을 호출하고 있습니다. 이것은 내가

<a href="#" id="add">Add Products</a> 
<div class="container" id="divTransactional"></div> 

<script> 
    $(document).ready(function($)) 
    { 
     $('#add').click(
     function() 
     { 
      $.ajax(
      { 
       url: 'addproducts.php', 
       success: function(data) 
       { 
        data=$(data).find('div#addproduct'); 
        $('#divTransactional').html(data); 
        alert('Done.'); 
       } 
      }); 
      //$('#divTransactional').load('addproducts.php #addproducts'); 
     }) 
    } 
</script> 

및 HTML을 사용하고있는 스크립트입니다 그리고 여기 addproduct.php

<div id="addproduct"> 
     <form> 
      <div class="product-form"> 
       <p class="text-product"></p> 
       <div> 
        <a class="add-product" href="#">Add Product</a> 
       </div> 
      </div> 
      <div> 
       <input type="submit" name="submitDetails" value="Finish"/> 
      </div> 

     </form> 
    </div> 

아무런 변화가 없습니다. 스크립트 jquery에 문제가 있다고 생각합니다.

Answer 1

$(document).ready(function($) 
{ 
    $('#add').click(
    function() 
    { 
     $.ajax(
     { 
      url: 'addproducts.php', 
      success: function(data) 
      { 
       data=$(data).find('div#addproduct'); 
       $('#divTransactional').html(data); 
       alert('Done.'); 
      } 
     }); 
     //$('#divTransactional').load('addproducts.php #addproducts'); 
    }) 
});