1

我想根据 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}]}}

我正在尝试让“正文”在数据列表中自动完成。我不确定如何让它与这个更复杂的 json 数据一起工作。

4

0 回答 0