ajax - Ajax 追加加载

Question

它必须是 jquery

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

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

我尝试过 .load = 但 b remplace a 我尝试过追加，但我需要一个临时变量

所以现在我被困住了

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

我喜欢在 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 #

Answer 1

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

Answer 2

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

首先，我用“可见性：隐藏”样式在我的 html 中添加了一个“TempDiv”。

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

然后你运行 jQuery ：

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

    });

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

PS : That is my first stackoverflow post ;)

Answer 3

try,

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

Answer 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()。

Answer 5

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