JSONレスポンスデータ

Question

私はJSONに問題が生じていますが、データがこれは私のMySQLのテーブルでコード全体を通じて

を行ってください取り出さコード：

：これは、jQueryのAJAXからの要求を取得するPHPコードである

$(document).ready(function() { 
    $('ul.sub_menu a').click(function() { 
      $('#sliderid, .prodcls').fadeOut(4000); 
       var txt = $(this).text(); 
       $.ajax({ 
        type: 'POST', 
        url: 'thegamer.php', 
        data: {send_txt: txt}, 
        datatype:'json', 
        success: function(data){ 
         $('#pgwrapid').html(data); 
        } 
     }); 
    }); 
}); 

今

、これはjQueryのセレクタ以下で出力されている何が起こるか：

$('#pgwrapid').html(data); 

OUTPUT

["images\/zara\/shoes\/thumbnail","images\/hermes\/shoes\/thumbnail","images\/hermes\/shoes\/thumbnail"] 

私の問題は、次のとおりです。

1. なぜここにバックスラッシュがありますか？

2. 上記出力をループに任意のコードがあり、各パスを抽出し、このようなイメージタグに挿入：

   $('#pgwrapid').append("<img src='"imagepath"' alt='Thumbnail'/>"); 
   

コードは有用であろう。

Answer 1

スラッシュがエスケープされることが予想され、仕様ごとにhttp://json.orgで有効です。

"images\/zara\/shoes\/thumbnail" 

と評価されます：

"images/zara/shoes/thumbnail" 

...そう、これは心配することは何もしなくてもただのFirebugを使っていることに注意してください。

はい、標準のforループを使用してループするか、新しいブラウザでArray.forEach関数を使用して、結果に返されたサムネイルごとに追加機能を呼び出すことができます。

Answer 2

PHPコードから返されたdataは、JSONを含む文字列で、PHP JSONはスラッシュをエスケープします。これは有効です。

あなたは、そのJSON文字列をデコードする

var listofshoes = JSON.parse(data); // note this the data you were having in .html(data) 
for (var i in listofshoes) { 
    $('#pgwrapid').append($("<p>").text(listofshoes[i])); 
} 

に

$('#pgwrapid').html(data); 

を変更するようなものを必要とし、あなたが付加されたデータのリストを取得します - あまり多くの作業を行うためにそれクリッカブルイメージがありますが、次の:-)を何をすべきか知っている

Answer 3

あなたのAJAX呼び出しは、2個のエラーがあります：

を

この後、回答を確認する必要があります。また、必要な場所にイメージ要素を作成するループを作成します。