【WordPress】WPAPIで総ページ数を取得する

2021年1月17日2021年2月7日

どうも。みずかず(@mizukazu_1)です。

WordPressのAPIを使用する時に取得したデータの総ページ数を取得したい時があります。

総ページ数はレスポンスのヘッダーの中にあるのでそちらの取得方法を説明していきます。

総ページ数はレスポンスのヘッダーにアクセスすることで取得できる

axiosを使ってAPIにアクセスした例を記載します。

axios.get('URL').then(res => {
  データを取得した時の処理
});

データが無事に取得出来ればresを通してアクセスできるかと思います。

resの中身は以下です。

{data: Array(10), status: 200, statusText: "OK", headers: {…}, config: {…}, …}
config: {url: "リクエストを送ったURLが入っています(人によって違う)",
method: "get", headers: {…}, params: {…}, transformRequest: Array(1), …}
data: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
headers: {access-control-allow-headers: "Authorization, X-WP-Nonce, Content-Disposition, Content-MD5, Content-Type", access-control-expose-headers: "X-WP-Total, X-WP-TotalPages, Link", allow: "GET", connection: "Keep-Alive", content-length: "2593", …}
request: XMLHttpRequest {readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, onreadystatechange: ƒ, …}
status: 200
statusText: "OK"
__proto__: Object