如何通过 jQuery 加载 PHP 并将其附加到现有的 div 容器答案

【问题标题】：How to load PHP through jQuery and append it to an existing div container如何通过 jQuery 加载 PHP 并将其附加到现有的 div 容器
【发布时间】：2011-08-22 22:48:24
【问题描述】：

我正在尝试创建一个“点击添加”链接，用户可以根据需要多次点击该链接。每次他们单击它时，将弹出 3 个额外的输入字段。为此，我使用 jQuery 加载一个 PHP 文件，该文件创建 3 个附加输入，然后将它们加载到现有的 div 容器中。

我的问题是，在用户单击“单击添加”链接一次并看到 3 个新输入字段后，如果他们再次单击“单击添加”，则最初的 3 个字段被新的 3正在添加的字段。我该如何解决这个问题，以便每次用户单击时添加 3 个字段并保留之前的字段。

（注意：我已经研究过将 append() 与下面的 jQuery 结合使用，但如果这确实是最好的解决方案，我一定是语法不正确）。

我的 jQuery 在这里：

    var loadPHP = "create_new_bucket.php";  
    $(".add_bucket").click(function(){  
        $("#tree_container2").load(loadPHP);
        return false;
    });

【问题讨论】：

标签： php jquery append

【解决方案1】：

在你的点击处理程序中试试这个

$.get(loadPHP, function(data){
    $('#tree_container2').append(data);
}, 'html');

【讨论】：

【解决方案2】：

jQuery.load() 总是替换容器中的内容。解决此问题的一种方法是将新元素附加到对象，并使用新 HTML 填充该元素。

例子：

$('#tree_container2').append( $('<div />').load(loadPHP) );

【讨论】：

谢谢吉姆！这正是我一直在寻找的。感谢所有快速回复的帮助。