Question

点击后，我试图通过网址将JSON中的数据转换为<div>。

我的JSON会返回单个ID和内容，我正在尝试将内容添加到div #west-container中。

有人能告诉我我做错了吗？

我的JSON位于网址= [{"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);

单击获取JSON数据到DIV

3 个答案: