3

データベースからデータをエコーアウトするファイルがあります。

残りの結果をロードし続けるように、このファイルを追加する「さらにロード」ボタンが必要です。

PHP ページは正常に動作しますが、jquery のヘルプが必要です...

json を返すために他の場所でこれを使用しましたが、これが必要だとは思わないでください。

だから私はこれを試しています：

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

本質的に、これは機能しますが、「includes/loadmorebuilds.php」をそのまま追加します。ファイルではなく、それらの単語を追加するだけです。

これについて何か助けはありますか？

どうもありがとう！

4

3 に答える 3

5

$.ajaxファイルからコンテンツを取得してDOMに追加するために使用できます。重要なことの 1 つは、URL パラメータでWeb ルートへの相対 PATH を使用する必要があることです。$.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でスクリプトにアクセスできることを確認してください。

于 2013-10-03T22:12:34.703 に答える
3

次の 2 つのオプションがあります。

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

のコンテンツを#content新しいhtmlに置き換えます。

またはこれ：

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

新しいデータを追加します。

于 2013-10-03T21:45:17.853 に答える
2

$.ajaxを使用

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

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

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

        });
    });
    });
于 2013-10-03T21:49:07.077 に答える