从另一个网站获取元素到我的div而不删除内容

时间:2013-07-08 08:13:21

标签: jquery ajax get

我有一个带有“内容”的html页面(comp.html)和一些浮动元素,在我的div下面我有一个链接。将此链接(#addphoto)推入我的div后,应插入另一页的div(来自boxes.html的#photo_content)。我怎么能这样做?

HTML:

<div class="content clearfix">
     <div class="photo">1</div>
     <div class="photo">2</div>
     <div class="photo">3</div>
     <div class="photo">4</div>
</div>
<a href="#" id="addphoto"></a>

css for it:

.content{
     width: 600px;
}
.photo{
     float:left;
     width:150px;
}

请帮助兄弟,我在jquery和Ajax中真的很糟糕

2 个答案:

答案 0 :(得分:-1)

                $.ajax({
                    type: "GET",
                    url: "http://www.google.be",
                    cache: false,
                    success: function(html){
                        $('.content').append(html);
                    }
                });

答案 1 :(得分:-1)

我想你想要这样的东西:

JQuery代码:

function loadSecond()
{
    $.get('second.html', function(data) {
          $('.content clearfix').html(data);
    });
}

HTML

<div class="content clearfix">
     <div class="photo">1</div>
     <div class="photo">2</div>
     <div class="photo">3</div>
     <div class="photo">4</div>
</div>
<a href="#" id="addphoto" onclick="loadSecond()">Load Second.html</a>