Ajax 追加加载答案

【问题标题】：Ajax append loadAjax 追加加载
【发布时间】：2009-05-14 00:48:44
【问题描述】：

一定是jquery

我在 (a,b,c,d,e,f) 中有 6 个 div 的文件 text.html

在另一个文件中我有一个 div，我喜欢将 a+b+c+d+e+f 的内容填充到单个 div 中

我尝试了 .load = 但 b 替换了 a 我已经尝试追加，但我需要一个临时变量

所以现在我被卡住了

该代码从文件 textes.html ... div #a 中获取内容并将内容放入 div #right，但第二个 libe 用右 b 替换右 a 的内容

我喜欢在 b 上附加内容 a + b 而不是 a

$(document).ready(function(){
var temp = load('textes.html #nicolas');
$('#right').append(temp);
var temp = load('textes.html #antoine');
$('#right').append(temp);
.
.
.
.

return false;
});

该代码是应该工作的背后的想法，但我无法制作 ajax .load() 将内容加载到变量中以将内容附加到 div...

<script type="text/javascript">
$(document).ready(function(){    
$.ajax({
  url: "textes.html",
  cache: false,
  success: function(html){
    $("#right").append(html);
  }
});
});
</script>

该代码加载整个 html 文件，我喜欢只获取一些选定的 DIV #

【问题讨论】：

标签： ajax load append

【解决方案1】：

$(document).ready(function(){    
    $.get("textes.html",function(data){
        $("#right").append($("#nicolas",data)).end().append($("#antoine",data));
    },'html');    
});

【讨论】：

如果你有一个简单的方法将 .load() 内容放入 var 中，我会将所有内容附加到该 var 中并在最后将其推送到 div 中！
marc，.load() 是异步的，因此您不能按照您尝试的方式调用它。我没有测试该代码，但它就是这样做的。 .load() 只是 $.get 的包装器，它是 $.ajax docs.jquery.com/Ajax 的包装器
该代码加载整个文件 hod 选择我喜欢从该文件中获取的女巫 div 吗？

【解决方案2】：

我刚才遇到了类似的问题，我想我找到了一种使用 .load() 函数来做我们想做的事情的方法。它不漂亮，但没关系；）

首先，我用“visibility:hidden”样式在我的 html 中添加了一个“TempDiv”。

<div id="TempDiv" style="visibility:hidden"></div>

然后你运行 jQuery ：

$(document).ready(function(){
        $('#TempDiv').load('textes.html #nicolas', function(){
            $('#right').append($('#TempDiv').html());
        });

    });

我不确定这是不是最好的方法！

PS : 这是我的第一篇 stackoverflow 帖子 ;)

【讨论】：

【解决方案3】：

试试，

$.get('url.php', function(data) {
    $("#right").append(data);
});

【讨论】：

【解决方案4】：

这听起来像 jQuery？请说明您正在使用什么框架，因为我真的看不到任何提及它。无论如何，追加应该工作。只需执行以下操作：

mydiv.append(a.text());
mydiv.append(b.text());
mydiv.append(c.text());
mydiv.append(d.text());
mydiv.append(e.text());
mydiv.append(f.text());

它们都应该附加到 mydiv 中。注意：如果您还想要 html，请使用 .html() 函数而不是 .text()。

【讨论】：

他要加载数据的div在另一个html文件中，所以这行不通。

【解决方案5】：

JQuery (http://jquery.com/) 是一个很好的 javascript 库，您可以使用它来执行 AJAX 请求以获取其他文件。有关更多信息，请参阅此问题：Use jQuery to replace XMLHttpRequest

【讨论】：