javascript - サーバーから json データを取得する際の Ajax エラー、JSON.parse(xhr.responseText)、、、?

htmlページ:

リーリー

phpページ:

リーリー

サーバーからjsonデータを取得できず、次のようなエラーが発生します:

リーリー

解決する

返信内容:

htmlページ:

リーリー

phpページ:

リーリー

サーバーからjsonデータを取得できず、次のようなエラーが発生します:

リーリー

解決する

ヘッダーの設定が間違っています。この設定では utf-8 形式で HTML が出力されます。
リーリー

このように、echoデータはjson形式になります

出力する内容を配列に保存して、出力先で使用することをお勧めします
リーリー

私は試していません。このように直接書かずに、別の方法で記述し、配列を定義してから json_encode() を実行してください。

バックエンドによって返された形式が間違っています

リーリー

形式が間違っています。json に二重引用符が含まれています。

こんな種類
リーリー

サーバーから取得した結果をフロントページに出力します `if(xhr.readyState == 4){

リーリー

コンソールに次のような内容が表示されます (つまり、xhr.responseText の取得に問題がありますか?):