jquery ajaxからhtml divへのJSON応答の抽出

Question

jquery div要素にデータを取得できませんでしたが、Firebugでajaxレスポンスを確認できます。

$(document).ready(function() { 
    $.ajax({ 
     url: "https://m.lowes.com/CatalogServices/product/nvalue/v1_0?nValue=4294857975&maxResults=6&showURL=1&rollUpVariants=1&showUrl=true&storeNumber=0595&priceFlag=rangeBalance&showMarketingBullets=1&callback", 
     dataType: "jsonp", 
     success: function (data) { 
      var returnedData = JSON.parse(data); 
      $('#result').html(returnedData); 
     } 
    }); 
}) 

this is my response.for example my url contains data productCount:64 ,I should extract productCount from ajax success and display it in html div id result

Answer 1

あなたがそうのようにそれを使用するJSONデータを解析する場合：

var parsed_data = JSON.parse(JSON_DATA); 
$('#result').html(parsed_data.key); 

だからあなたparsed_dataはやや似ている場合：

使用、その後

{name:"test",age:12} 

それは好きです：

$('#result').html(parsed_data.name); //it will give you test 

あなたは本当にのように全体のデータ使用JSON.stringify(obj)を印刷したい場合は：あなたのコードで

$('#result').html(JSON.stringify(parsed_data)); 

Answer 2

のdivの中に、あなたはJSONを戻ってきているし、あなたはdivのそれINO挿入しようとしているあなたjsonではなくhtmlコードのみを挿入できます。

あなたが戻ってきたjsonを調べて、各要素をdivに挿入する必要がある場合は、すべて実行してください。

html（）メソッドは、割り当てたいものがわからず、htmlだけを挿入します。

Answer 3

あなたのjsonデータは、returnDataで繰り返す必要があります。 jsonの指示をhtmlに入れることはできません。前に変換/解析/反復する必要があります。したがって、たとえば：ここ

$.each(returnedData, function (index, value) { 
    // do stuff with it, e. g.: 
    // $('#result').html($('#result').html() + value); 
}); 

Answer 4

https://jsfiddle.net/m8udusps/

コードが実際に動作します。しかし、それはJSONを解析しているときに問題があると言います。実際に結果を得るには、crossDomain: true,を追加する必要がありました。