2013-10-03 56 views
2

我有一個文件,從數據庫中迴應出數據。附加一個php文件jquery

我希望有一個加載更多的按鈕,附加這個文件,以便它會繼續加載其餘的結果。

PHP頁面工作正常,但需要與jQuery的幫助......

已經使用這個別的地方的JSON回報,但不認爲這是需要這一點。

所以我要把這一點:

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

在本質上,這工作,但其附加「包括/ loadmorebuilds.php」爲這一點。我只是追加這些單詞而不是文件。

對此有何幫助?

非常感謝!

+0

您現在正在使用_string_「includes/loadmorebuilds.php」附加'#content'。如果你想獲取文件本身,我建議你使用'.load()'來異步獲取文件 – Joren

回答

3

你可以使用$.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

+0

這其中的工作。然而,只有當我將加載的文件更改爲簡單的例如一個字的PHP回聲。 它不工作我的查詢等等...任何我需要改變? – craig

+0

嘗試使用'var_dump();'查詢結果,然後'退出;'看看你有什麼。您的查詢可能會返回空值或您的代碼出現錯誤。您可以通過URL或AJAX調用直接訪問腳本。 – pveyes

+0

的事情是,如果我嘗試做一個簡單的PHP包括該文件,然後一切加載罰款...:/ – craig

3

你有兩個選擇:

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

將取代的#content與新的HTML內容。

或者這樣:

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

這將追加新數據。

3

使用$就

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

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

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

     }); 
    }); 
    });