javascript–在HTMLjQuery中显示JSON数据

我有一个REST API,它生成JSON输出,如下所示：

[{"case": 2005608875,
"filepath": "/x/eng/cs-data/latx/dev/20150510_uploads/wilp/perfstat_20150415_001256/node/10.95.172.19/output.data",
"datatype": "perf8",
"perfdateend": "2015-04-15T02:15:37-04:00",
"userid": "wilp",
"filename":"perfstat_20150415_001256.zip",
"version": "v8.1 ",
"hosts": [{"filer": "cluster1-01",
"hostname": "10.95.172.18", }],
"perfid":"98"}]


我试图用HTML显示这些数据,但我无法这样做,
这是我的HTML jQuery div：

这是我的jQuery(pull.js)

(function ($) {
$('button').on('click', function () {
// remove resultset if this has already been run
$('.content ul').remove();
// get selected zip code from selectbox
var perfid = $('select option:selected').text();
// make AJAX call
$.getJSON('http://myapiurl.com/ws/spm/search/perfid/' +perfid, function (data) {
// do all this on success
var items = [],
$ul;
$.each(data, function (key, val) {
//iterate through the returned data and build a list
items.push('

').appendTo('.content');
//append list items to list
$ul.append(items);
});
});
}(jQuery));


我从2天开始就把头发拉到头上,仍然无法理解.

解决方法:

你的jQuery应该是

$.getJSON('http://myapiurl.com/ws/spm/search/perfid/' + perfid, function (data) {
// do all this on success
var itemsHtml = "",
$.each(data, function (key, val) {
//iterate through the returned data and build a list
itemsHtml+= '

• ' + val.case + '
' + val.userid + '
';
});
// if no items were returned then add a message to that effect
if (data.length == 0) {
itemsHtml = '
• No Data Found!
';
}
// append list to page
$(".content").append("
"+itemsHtml+"
");
});