點擊獲取JSON數據到DIV

Question

點擊我試圖通過URL從JSON獲取數據到<div>。

我的JSON返回一個單一的ID和內容，我試圖讓內容進入div #west-container。

有人能告訴我我做錯了什麼嗎？

我的JSON在URL找到= [{"id":"2","title":"Generic Overview","content":"This is content here"}]

$('#jqxTree').bind('select', function (event) { 
var loadPages = jQuery.parseJSON(
     jQuery.ajax({ 
      url: 'university/article/3', 
      async: false, 
      dataType: 'json' 
     }).responseText 
    ); 

for(i=0; i < loadPages.length ; i++){ 
    var current = loadPages; 
    $("#west-container").load(current.content); 
} 
}); 

Answer 1

你可以試試這個：

$('#jqxTree').bind('select', function (event) { 
    jQuery.ajax({ 
     url: 'university/article/3', 
     async: false, 
     dataType: 'json', 
     success:function(data){ 
      $.each(data, function(i, item){ 
       $("#west-container").html(item.content); 
      });  //-----------------^^^^^^^^^^^^---This will fetch you the 
     }    //--------------------------------content from json 
    });    //-------------------------"content":"This is content here" 
}); 

Answer 2

$.getJSON('university/article/3', function(data) { 
// Do stuff here 

var oDiv = $('west-container').html(''); 

for(var i in data) { 
    oDiv.append(data[i].content); 
} 
}); 

Answer 3

使用

$.ajax({ 
     url: "url", 
     type: 'POST', 
     contentType: 'application/json; charset=utf-8', 
     data:json, 
     dataType:'text', 
     async: false, 
    }).done(function(data1) { 
     data=jq.parseJSON(data1); 
    }); 

爲了使用這些數據，使用 「data.id，data.title」 等

爲了將數據推送到div，請使用

$('#DivId').test(data.id);