通过ajax调用从另一个调用div到当前页面

Question

我从另一个页面调用div的html到我当前所在的页面。这是我正在使用的脚本

<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

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

这是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');
    })
});