Q&A
まずは普通にページングの処理をやってみては？
理論は同じです。
●実現したいこと
サーバー側：PHP
画面側：JavaScript（できればVue.jsを導入）
配列になっているデータ（画像＋テキスト）を、<li>タグで1行ずつ表示して、
さらに「もっと見る」「+ more」のようなボタンを押下すると、新たに画像＋テキストが表示される。
但しそのデータは、
×「画面に予め渡ってきているが非表示状態で、「もっと見る」ボタンを押下することによって可視化される」
○「「もっと見る」ボタン押下によって、サーバーにデータをｎ件取りに行って、その内容を、<li>タグ含め新たに画面に追加表示する」
という仕様にしたい（画面に予めデータを持っていると、画像データなので大量のDLが発生するのを避けたい）
●質問したいこと
ネットで、「Vue.js もっと見る」などで検索しても、
画面に予め渡ってきているが非表示状態で、「もっと見る」ボタンを押下することによって可視化される
のやり方しか見当たらず、
「もっと見る」ボタン押下によって、サーバーにデータをｎ件取りに行って、その内容を、<li>タグ含め新たに画面に追加表示する
はどうやって実現すればよいのかを知りたいです。
・PHPに、関数を用意する（保持しているデータの、n番目からx件を返す処理）
・「もっと見る」ボタン押下で、PHPの関数を呼び出す（axiosを使用？？）
・PHPの関数の結果の、x件の配列データをJavaScriptで受け取る
・x件の配列データをforeachで取り出す
・配列データをforeachで取り出す際、1件ごとに<li>タグを生成するようにする
・画面で、新たに<li>タグと、それに囲まれた画像＋配列のデータが表示される
というイメージなのですが、
・PHPの関数を呼び出して取得した配列データをJavaScriptで受け取る方法
・JavaScriptで新たなliタグの生成ができるのかどうか
・liタグ＋配列データ1件ずつ をforeach、というのはJavaScriptでできるのかどうか
など、分からないことだらけです、
似たようなことをやったことのある方いらっしゃいましたら、ぜひ知見をお借りしたいです。よろしくお願いいたします。
コメントありがとうございます
書かれている、「普通にページングの処理」というのは、
どの部分を指しますでしょうか。
・PHPに、関数を用意する（保持しているデータの、n番目からx件を返す処理）
・「もっと見る」ボタン押下で、PHPの関数を呼び出す（axiosを使用？？）
・PHPの関数の結果の、x件の配列データをJavaScriptで受け取る
・x件の配列データをforeachで取り出す
・配列データをforeachで取り出す際、1件ごとに<li>タグを生成するようにする
・画面で、新たに<li>タグと、それに囲まれた画像＋配列のデータが表示される
のことで、
大体このやり方で方向性はあっているので、やってみたらどうですか、という意味合いで合っていますでしょうか。
その場合、（記載していますが）やり方が分からない部分が沢山あるので、そこの部分を先に解消したいのですが…。
あなたの回答
tips
プレビュー
