Javascript 将load（）输出附加到jQuery中的同一个div

一个按钮调用一个JS函数，该函数使用jQueryLoad异步加载不同的PHP页面，并将结果放入errorReturn div中

但他们没有成功。然后我找到了解决办法：

$('#errorReturn').append($('#errorReturn').load(url))

它起作用了。种类：它填充errorReturn div，但不附加到它。它只是覆盖了它，就好像我只是在写

$('#errorReturn').load(url)

我也许应该休息一下，但我看不出有什么不对：

编辑：因为有人在另一个问题中将此标记为已回答，所以另一个问题是在我明确要求jQuery时使用JS-加上另一个答案产生了大量关于添加HTML和可能的XSS注入的麻烦，我认为这里接受的答案更容易理解，。将内容加载到其中，然后。附加该内容

当然，您也可以向中添加样式等，例如一个上边距来分隔各个错误。

新建一个。将内容加载到其中，然后。附加该内容

当然，您也可以向中添加样式等，例如顶部边距以分隔各个错误。

加载始终覆盖目标元素的内容。要执行所需操作，可以发出AJAX请求并手动附加内容。试试这个：

点击我 jQuery$=>{ $“添加内容”。单击“添加内容”，e=>{ $.ajax{ url:'otherpage.php'， 成功：html=>$'errorReturn'.appendhtml }; }; }; 加载总是覆盖目标元素的内容。要执行所需操作，可以发出AJAX请求并手动附加内容。试试这个：

点击我 jQuery$=>{ $“添加内容”。单击“添加内容”，e=>{ $.ajax{ url:'otherpage.php'， 成功：html=>$'errorReturn'.appendhtml }; }; };

---

这回答了你的问题吗？这回答了你的问题吗？好吧，哇，奇妙的语法：我花了一段时间才理解它：我的按钮是在另一个页面中动态生成的，所以我无法访问它的id来附加单击事件。但是我使用了基本的$.ajax来完成您建议的操作，它工作得非常完美：我会尽快接受答案。谢谢，没问题，很乐意帮忙。“我的按钮”是在另一个页面中动态生成的，因此我无权访问其id以附加单击事件。在本例中，请使用委托事件处理程序：$document.on'click'，'add content'，e=>{….永远不要使用内联onclick属性，它们已经过时了，不是很好的做法。谢谢你的提示。总的来说，我也尝试不使用jQuery，因为在最新版本的JS中，jQuery有点多余，对吧？但是是的，这不是我的主要软件知识领域，所以我也确实过时了：这取决于你在使用什么这是为了。jQuery有很多方便的功能，这在原生JS中是一个难题。即使你不想使用jQuery，避免onX属性仍然是最佳实践。研究原生替代的addEventListener。好吧，哇，花哨的语法：我花了一段时间才理解它：我的按钮是在另一个页面中动态生成的，所以我这么做了无法访问其id来附加单击事件。但我使用基本的$.ajax按照您的建议执行操作，它工作得非常完美：我将尽快接受答案。谢谢您，没问题，很乐意提供帮助。我的按钮是在另一个页面中动态生成的，因此我无权访问其id来附加单击事件。在这种情况下，请使用代理事件处理程序：$document.on'click'，'addcontent'，e=>{….永远不要使用内联onclick属性，它们已经过时了，不是很好的做法。谢谢你的提示。总的来说，我也尝试不使用jQuery，因为在最新版本的JS中，jQuery有点多余，对吧？但是是的，这不是我的主要软件知识领域，所以我也确实过时了：这取决于你在使用什么这是为了。jQuery有很多方便的特性，这在原生JS中是一个难题。即使你不想使用jQuery，避免onX属性仍然是最佳实践。研究原生替代方案的addEventListener。这也很有效，谢谢，但我更喜欢@Rory答案，因为它不需要另一个div，但正如你所说的，如果我想要分开不同的结果，我可以用这个。事实上，我的回报已经给了我一个很好的带x的div来结束它，所以…我不需要它，但再次感谢这项工作，谢谢你，但我更喜欢@Rory答案，因为它不需要另一个div，但是正如你所说的，如果我想要分开不同的结果，我可以用这个。事实是的，我的回报已经给了我一个很好的div和一个x来关闭它，所以…我不需要它，但再次感谢

$('#errorReturn').append($('#errorReturn').load(url))

$('#errorReturn').load(url)

$("#errorReturn").append($("<div/>").load(url));