2011-09-07 108 views
-1

我的JSON字符串(這是我做在$。員額的請求後獲得) -如何從JQuery中的JSON字符串獲取JSON內容?

{"email":"bill gates"} 
{"email":"steve jobs"} 
{"email":"mark zuckerberg"} 
{"email":"cristiano ronaldo"} 
{"email":"wayne rooney"} 

的代碼我使用來獲取內容 -

$(document).ready(function() { 
    var data = new Object(); 
    data.email = "[email protected]"; 
    var dataString = $.toJSON(data); 
    $.post('templates/chat.php', { 
     data: dataString 
    }, function(json) { 
$("body").append(json); 
    }); 
}); 

我想dislay各其中一個在<li>標記中。

+0

你試過了什麼? Rentacoder.com即將到來......在這裏,我們回答_questions_關於您已經編寫的代碼片段;這不是一個「寫我的代碼」網站。 –

+0

另外,這不是有效的JSON。這是五個單獨有效的JSON。 –

回答

1

嘗試類似的東西:

var list = "<ul></ul>"; 
$.each(json, function(idx, value) { 
    list.append("<li>" + value.email + "</li>"); 
}); 
$("body").append("list"); 
+0

我認爲應該是: '$(「body」)。append(list);'而不是'$(「body」)。append(「list」);'' –

1

http://api.jquery.com/jQuery.parseJSON/

看看應該能夠做到

var obj = $.parseJSON(json); 
$.each(obj, function(index, item){ 
    // append to your <ul> if it already exists, or build one up 
    $('ul').append('<li>' + item.email + '</li>'); 
}); 
0

你並不需要手動編碼的東西JSON與jQuery ,通常。

下面的JavaScript是否可以改爲使用?

$(document).ready(function() { 
    var data = new Object(); 
    data.email = "[email protected]"; 
    $.post('templates/chat.php', data, function(response) { 
     $("body").append('<ul>' + response.map(function(elm) { 
      return '<li>' + elm + '</li>'; 
     }).join('') + '</ul>'); 
    }); 
});