ajaxで配列を受け取る場合に発生するJSON.parseエラー

ajaxでサーバーから複数のデータを配列で取得しようとしております。
特定のレンタルサーバーでは受け取った配列をJSON.parse()しなければならないを見つけたため

appendする前にJSON.parse()しております。（実際に私が使用しているのも記事中のサーバーです。）
参考記事
3)以下の通りのエラーが出力されてしまい、''.$hoge.''がappendされません。
Uncaught SyntaxError: Unexpected token < in JSON at position 102

エラー理由と解決方法がわからなかったため、ご質問させていただきました。

・配列ではなく直接''.$hoge.''をechoすれば受け取りappendされることは
確認しております。
・複数の値を取得したかったため、配列にしてjson_encodeで変換しております。
・おそらく$hogeだけを値を渡して、わざわざタグごと値を渡す必要はないとご指摘を
受けると思われますが、そこはそうせざるえなかったということで所与の者としてお取り扱いください。

Google Chrome
バージョン: 68.0.3440.106（Official Build）（64 ビット）

php
1/*serve.php*/
2/*便宜上シンプルにしております*/
3<?php
4$ar=[];
5$hoge=1;
6$piyo='<p>'.$hoge.'</p>';
7$ar=[
8"fuga"=>$piyo;
9/*他の配列は省略*/
10]
11
12header('Content-Type: application/json; charset=utf-8');
13echo json_encoode($ar);
14?

javascript
1$.ajax({
2type:'POST',
3url:'serve.php',
4timeout:1000,
5data:{
6/*省略*/
7},
8success: function(date){
9let arr = JSON.parse(date);
10$('').append(arr.styling);
11}

行動規範の内容に同意します

回答2件

ベストアンサー

jQuery ajax ですよね？　であれば、success: function(date){ の data にはパース済みの JavaScript オブジェクトが渡されるはずなので、let arr = JSON.parse(date); は不要では？

投稿2018/09/09 13:48

退会済みユーザー

総合スコア0

maguzo

2018/09/09 23:03

コメントありがとうございます。・echo json_encoode($ar);にミスコーディングがありecho json_encode($ar); でした。大変失礼いたしました。・また、質問内容もしり切れとんぼみたいになってしまっていたので、解決はしましたが後からご覧になられた方のために編集しております。・結果的にですが、やはりparseは必要でした。今、サーバー側にどのような事情によるものであるのか問い合わせ中です。

行動規範の内容に同意します