使用jquery解析json以填充datalist

时间:2013-02-18 11:59:02

标签: jquery json html5 parsing html-datalist

我想基于JSON数据填充数据列表以创建自动填充字段。

由于this tuotorial

,我设法让以下工作成功

这个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数据。

0 个答案:

没有答案