php - 如何使用ajax附加外部内容？

Question

请看一下

<div class="item">
    <div class="section">
        <a href="/test.php?id=1" class="clickme">Click Item 1 </a>
    </div>
</div>
<div class="item">
    <div class="section">
        <a href="/test.php?id=2" class="clickme">Click Item 2 </a>
    </div>
</div>
<div class="item">
    <div class="section">
        <a href="/test.php?id=3" class="clickme">Click Item 3 </a>
    </div>
</div>


$('.clickme).click(function(event) {
    event.preventDefault();
    var stringURL = $(this).attr("href");
    $.ajax({
        type: "get"
        , url: stringURL
        , data: "ajax=1"
        , success: function(html){ //so, if data is retrieved
            //append 
        }
     });    
}); //close click(    

如果它是一个单独的区域，我可以使用它的 id 来定位它并附加内容。 但是，任何想法我如何知道根据点击情况填充最新内容的部分以及外部内容是否已经存在(即已经进行了调用)，只需更新该部分即可。 如果您能帮助如何仅在该部分显示/隐藏加载图像，那就太好了。

谢谢

Answer 1

好吧，您可以在 jquery 中获取单击的 $(href) 对象的父级，然后根据该选择填充“section”div。您将测试 null 并根据该条件追加或覆盖。

吉姆