ワードプレスで残りのAPIを作成するときにヘッダーエラーを修正できません

Question

を作成して、wordpressの投稿のデータをjsonに生成しようとしています。以下のコードはのfunctions.phpファイルである：それは新しくwordpressインストールで非常によく動作します

add_action('wp_enqueue_scripts', 'create_json_data', 0); 
function create_json_data(){ 
    ob_start(); 
    if (isset($_GET['getjson']) && $_GET['getjson'] == true) { 
     if (have_posts()) { 
      $data = array(); 
      while (have_posts()) { 
       the_post(); 
       $new_data = array(
        "title" => get_the_title(), 
        "content" => get_the_excerpt(), 
        "image" => get_the_post_thumbnail_url(), 
        "hyperlink" => get_the_permalink() 
        ); 
       array_push($data, $new_data); 
      } 
     } 
     header('Content-type: application/json'); 
     echo json_encode($data); 
     exit(); 
    } 
    ob_end_flush(); 
} 

。私は私のオンラインのウェブサイトでそれを実装する場合でも、それは私にエラーを与える

警告：ヘッダー情報を変更することはできません - すでに によって送られたヘッダを（出力は で開始/ HOME1/public_htmlの/ブログサイト/ WP-コンテンツ/テーマ/ webtheme /header.php:10）header.phpの行ライン10で159

に /home1/public_html/website-theme/wp-content/themes/webtheme/functions.php では、wp_head()

あります3210

jsonデータのみを生成するには、このエラーに乗る方法がわかりません。

Answer 1

カスタムAJAXアクションを作成する必要があります。 あなたがコーデックスに必要なすべてを見つけるでしょう： https://codex.wordpress.org/Plugin_API/Action_Reference/wp_ajax_(action)

をそれとも、WordpressのREST APIプラグインを使用することができます。独自のAPIエンドポイントを作成することができます。 https://wordpress.org/plugins/rest-api/

EDIT 私はそれを呼び出すためのjQueryのAjaxコードで、あなたに少し例を与えます。

add_action('wp_ajax_XXXXXX', 'ajax_XXXXXX'); 
add_action('wp_ajax_nopriv_XXXXXX', 'ajax_XXXXXX'); 
function ajax_XXXXXX() { 
    header('Content-Type: application/json'); 
    echo json_encode(array(
     'text' => "Lorem ipsum dolor ...", 
     'time' => time(), 
     'user_id' => get_current_user_id() 
    )); 
    die(); 
} 

$.ajax({ 
    url : "/wp-admin/admin-ajax.php", 
    method : "POST", 
    data : { 
     action : "XXXXXX" 
    }, 
    success : function(datas) { 
     console.log(datas); 
    } 
});