從jquery ajax提取JSON響應到html div

我無法將數據檢索到jquery div元素，但我可以在firebug中看到ajax響應。從jquery ajax提取JSON響應到html div

$(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

來源

2017-04-05 Gobika Krishna

您的dataType更改爲'json'，您是否也可以發佈您在回覆中獲得的內容？ –

爲什麼你認爲API支持JSONP？ – Andreas

不，jsonp是正確的，因爲它看起來像他們正在使用它的跨域 – FD3

當你分析出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));

來源

2017-04-05 11:10:40

在你的代碼是返回一個JSON和您要插入伊諾在div它，進入DIV你只能插入html代碼而不是json。

試着檢查你正在返回的json，如果你需要插入每個元素到div中，那麼做，但不要做所有。

html（）方法不知道你想要分配什麼，它只插入一個html。

來源

2017-04-05 11:16:42

您需要迭代returnData中的json數據。你不能把json直接轉換成html。您需要先轉換/解析/迭代它。因此，舉例來說：

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

來源

2017-04-05 11:17:13 alpham8

https://jsfiddle.net/m8udusps/

這裏的代碼實際工作。但是它說解析JSON時存在問題。您需要添加crossDomain: true,才能真正獲得結果。

來源

2017-04-05 11:23:43 Deckerz

從jquery ajax提取JSON響應到html div

回答

相關問題