jquery - jsonをjqueryで解析してデータリストに入力する

Question

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 データで動作させる方法がわかりません。