好的,基于上面的评论讨论,我提出了一个示例,使用 jQuery 和JSONSelect作为 JSON 询问器,从 Facebook Graph API - 评论流中提取名称。
jsFiddle:http: //jsfiddle.net/9nqu6/1/
检索到提要后,所有工作都由 JSONSelect 完成,使用选择器选择'.comments .data .from .name'
提要中所需的级别。
该.forEach()
命令允许通过回调对结果进行迭代,这里只生成一个表和一个 CSV 文件(使用数据 URI,通过download
属性在 Chrome 中设置文件名)。
注意。对此没有错误处理,因此请务必将正确类型的 URI 传递给它!例如。
https://graph.facebook.com/<postid>?fields=comments.limit(1000).fields(from)
jQuery
$('#read-graph').on('click', function() {
var graphLink = $('#graph-link').val();
if (!graphLink) {
alert("Enter link");
return false;
}
graphLink = graphLink + (/\?/.test(graphLink) ? "&" : "?") + "callback=?"
$.getJSON(graphLink, function(data) {
var nameBlock = $('#name-block');
nameBlock.find('tr').remove();
var csvData = "data:application/csv;charset=utf-8,Index%2CName%2C%0A";
var cIndex = 0;
JSONSelect.forEach('.comments .data .from .name', data, function(cName) {
cIndex++;
nameBlock.append('<tr><td class="index">' + cIndex + '</td><td class="name">' + cName + '</td></tr>');
csvData = csvData + cIndex + "%2C" + encodeURIComponent('"' + cName.replace(/"/g, '""') + '"') + "%0A";
});
$('#download-csv').prop('href', csvData).attr('download', "FBGraph.csv").show();
});
return false;
});
HTML
<h3>Graph Link</h3>
<form>
<input id="graph-link" name="graph-link" type="text" value="" />
<input id="read-graph" name="read-graph" type="submit" value="Read Graph" />
<a id="download-csv" href="#" style="display: none;">Download CSV</a>
</form>
<table id="name-block">
</table>
CSS
#graph-link {
width: 400px;
}
#name-block {
margin-top: 10px;
border: 1px solid black;
border-collapse: collapse;
}
#name-block tr {
border-top: 1px dashed black;
}
#name-block .index {
width: 50px;
}
#name-block .name {
width: 350px;
border-left: 1px solid black;
}