2017-10-13 19 views
1

私は、このようなカスタムポストデータ、当初jsonでwordpressのカスタム投稿データを取得するには?私のテンプレートファイルで

enter image description here

をフェッチ私は7ポストをフェッチ、私は続きを読む]ボタンを作成する必要があるから、より多くの質問箱でフェッチなる、ポストを怒鳴りますwpデータベーステーブル、誰かがそれをクリックすると。私はデータのために呼び出すPHPファイルjqueryのgetメソッド、

  • どうか、正確にどのようなスクリプトIに

    しかし、私はそれを行う方法がわからない、私が知りたい、

    • そのPHPファイルに書き込まれます。ここで
  • +0

    function.phpでajax関数を作成し、ajax呼び出しでオフセット値を渡し、受信したデータをdisplyセクションに追加するだけです。 – Balwant

    +0

    ちょっと兄さん、もっと詳しくお聞かせください... @Balwant –

    答えて

    2

    私はあなたのコードを書くことができますどのように大まかなアイデアを追加しました:

    はfunction.phpでAJAX機能を作成し、AJAX呼び出しを通してそれにオフセット値を渡すと、ちょうどあなたの中に受信したデータを追加ディスペイセクション。ここ

    は、Ajax機能を作成する例です:ボタン上の

    add_action('wp_ajax_nopriv_cyt_ajax_search','cyt_ajax_search'); 
    add_action('wp_ajax_cyt_ajax_search','cyt_ajax_search'); 
    function cyt_ajax_search(){ 
    
    
        $offset = $_POST['offset']; 
    
        $args = array (
        'post_type' => 'post', 
        'posts_per_page' =>7 
        'offset'=>$offset, 
    
        'meta_query' =>.......... 
    
        ); 
    $query = new WP_Query($args); 
    if($query->have_posts()) : 
         while ($query->have_posts()) : $query->the_post(); 
    
    
    endwhile; 
    
    wp_reset_postdata(); 
    endif; 
    
    
    } 
    

    //フロントエンドのコード、それはAjaxの機能をCALとオフセット値を渡し、それぞれにあなたがして値を大きくする必要がクリックしますクリックしてください7(場合にだけ7ポストをロードする)と、残っていないとオフセット値がexceedded場合、全体の何が単に

    <div id ="esiSection"></div> 
     
    
     
    <span click="loadmore" data-offset='0'>Click here</span> 
     
    
     
    jQuery('.loadmore').click(function(){ 
     
    var offset = parseInt(jQuery(this).attr('data-offset')); 
     
    jQuery.ajax({ \t \t \t \t 
     
    \t \t \t url: '<?php echo admin_url('admin-ajax.php'); ?>', 
     
    \t \t \t type: 'POST', \t \t \t 
     
    \t \t \t data: { 
     
    \t \t \t \t 'action' : 'cyt_ajax_search', 
     
    \t \t \t \t 'offset' : offset , 
     
    \t \t \t }, 
     
    \t \t success: function(response) { 
     
    \t \t 
     
    \t \t \t jQuery('#resiSection').append(response); 
     
    \t \t \t offset = offset + 7; 
     
    \t 
     
    \t \t \t 
     
    \t \t }, 
     
    \t \t error: function(error){ 
     
    \t \t \t console.log(error); 
     
    \t \t \t 
     
    \t \t } 
     
    \t \t \t \t 
     
    \t }); \t 
     
    \t 
     
    }); \t
    ボタンを非表示にし、その後、WPクエリで表示するデータをカウントしているどのように多くのポストをチェック

    +0

    ありがとう、兄さん....... –

    +0

    歓迎です...歓声! – Balwant

    関連する問題