我想基于JSON数据填充数据列表以创建自动填充字段。
,我设法让以下工作成功这个json数据:
{"COLUMNS":["ARTNAME"],"DATA":[["Morning Forest"],["Morph"],["Mountains"],["Mom"]]}
我可以使用以下代码解析: $(document).ready(function(){
if(document.createElement("datalist").options) {
$("#search").on("input", function(e) {
var val = $(this).val();
if(val === "") return;
//You could use this to limit results
//if(val.length < 3) return;
console.log(val);
$.get("artservice.cfc?method=getart&returnformat=json", {term:val}, function(res) {
var dataList = $("#searchresults");
dataList.empty();
if(res.DATA.length) {
for(var i=0, len=res.DATA.length; i<len; i++) {
var opt = $("<option></option>").attr("value", res.DATA[i][0]);
dataList.append(opt);
}
}
},"json");
});
}
})
并且自动完成功能按照我链接的示例工作。
我试图将其解析为我的数据源:
{"responseHeader":{"status":0,"QTime":1,"params":{"q":"*a*","wt":"json"}},"response":{"numFound":2,"start":0,"docs":[{"id":"13","body":"Hi guys\r\n\r\nCould you please help me.\r\n\r\nCheers,\r\n\r\nTest Three","title":["Patience"],"_version_":1427207573191262208},{"id":"45","body":"Has been implemented!","title":["Validation"],"_version_":1427207573192310784}]}}
我想让'Body'在datalist中自动完成。我不知道如何使用这个更复杂的json数据。