php - ajaxを使用してページをリロードせずに、javascript配列変数を更新できますか？

Question

ページをリロードせずに、また更新せずに、javascript配列変数を更新できますか？配列内のデータのリストがあります。後で、phpとajaxを使用してさらにデータを取得しています。ここで、php ajaxから取得した新しいデータを、すでに配列が含まれている古いjavascript変数に追加したいと思います。ページをリロードしたくありません。ただし、データを上書きすることもできます。このjavascript変数を使用すると、一部のjavascript関数が実行され、データに従って画像が表示されます。私たちはそのようなことをすることができますか？または、JavaScriptを実行するためにフレームをリロードする必要がありますか？

Answer 1

はい/いいえの観点からこの質問に答えると、そうです、データを返すajaxコールバック関数を使用すると、js変数に追加/連結されます。

Answer 2

AJAX何かを起こすためにJavaScript関数を呼び出す必要があるのと同じように、同じ方法でJavaScript関数を呼び出すこともでき、何かをする代わりに、他AJAXのことをすることができます。たとえば、配列に何かを追加します。またはそれを上書きします。

必要な場所（onclick、または呼び出しの戻りAJAX（成功またはエラーのコールバック））で関数を呼び出し、その関数に変数を変更させます。

Answer 3

簡単な答え：はい、既存の配列に新しい配列項目を追加/追加/連結/その他何でもできます。

説明：配列を含む変数と、配列であるか配列を含む応答があると仮定すると、このarray.concat()メソッドを使用して、古い配列に新しいコンテンツを追加できます。

//let existingArray be your array in the page
var existingArray = [];

//during AJAX success, you overwrite the existing variable with
//a concatenated array comprising the old and the new.
existingArray = existingArray.concat(newArray);