Добавить файл php с jquery

Question

У меня есть файл, который перекликается с данными из базы данных.

У меня есть кнопка с дополнительной нагрузкой, которая добавляет этот файл, чтобы он оставил остальную часть результатов.

страница PHP работает нормально, но нужна помощь с JQuery ...

использовали это еще где для возвращения JSon, но не думаю, что это нужно сделать для этого.

Так я пытаюсь это:

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

В сущности, это работает, но это добавляет «включает/loadmorebuilds.php» как только что. Я просто добавляю эти слова, а не файл.

Любая помощь по этому вопросу?

Большое спасибо!

Answer 1

Вы можете использовать $.ajax, чтобы получить содержимое из файла, который будет добавлен в DOM. Одна важная вещь, что вы должны использовать относительный путь к корневой каталог вашего веб на параметре URL-адреса в $.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); 
       }, 

     }); 
    }); 
    });