javascript - 使用 jquery 附加一个 php 文件

Question

我有一个从数据库中回显数据的文件。

我希望有一个加载更多按钮来附加这个文件，以便它继续加载其余的结果。

php页面工作正常，但需要jquery帮助......

已经在其他地方使用了这个来返回json，但不认为这是需要的。

所以我正在尝试这个：

$(document).ready(function(){
$("#loadmore").click(function () {
     $("#content").append('includes/loadmorebuilds.php');
});
});

从本质上讲，这是可行的，但它只是附加了“includes/loadmorebuilds.php”。我只是附加这些词而不是文件。

对此有什么帮助吗？

非常感谢！

Answer 1

您可以使用$.ajax从文件中获取要附加到 DOM 的内容。一件重要的事情是，您应该在 url 参数中使用相对路径到您的 Web 根目录$.ajax

所以会变成这样

$('#loadmore').click(function() {
    $.ajax({
       url: '/relative/path/to/your/script',
       success: function(html) {
          $("#content").append(html);
       }
    });
});

并确保您应该能够在http://www.example.com/relative/path/to/your/script上访问您的脚本

Answer 2

你有两个选择：

$('#content').load('includes/loadmorebuilds.php');

它将用#content新的html替换内容。

或这个：

$.ajax({
    url: 'includes/loadmorebuilds.php'
}).done(function(data) {
    $('#content').append(data);
});

这将附加新数据。

Answer 3

使用$.ajax

$(document).ready(function(){
        $(".loader").click(function(){

      $.ajax({
                url:"index.php",
                dataType:"html",
                type:'POST', 

                beforeSend: function(){
                },
                success:function(result){
                      $(".content").append(result);
                 },

        });
    });
    });