從jQuery自動完成返回格式化json對象

Question

我正在使用此jQuery autocomplete plugin。

我希望我的返回數據是json格式。

searchPopup:function(){ 
    $("input.searchField").autocomplete("myjson1.json", { 
     dataType: 'json', 
     parse: function(data) { 
     $.each(data.productList, function(k, v) { 
     jQuery(".searchPanel").append("<div class="+k+"><h2>"+k+"</h2><ul class="+k+"></ul</div>"); 
     $.each(v, function(k1, v1) { 
      $.each(v1, function(k2, v2) { 
      jQuery("ul."+k).append("<li>"+v2+"</li>"); 
      }); 
     }); 
     }); 
     }, 
     max: 50 
    }); 

    } 

當我分析這個數據，它給了一個錯誤

c.split是不是一個函數

如何這個問題能解決？

{ 
"productList" : { 
    "Byproducts" : [ 
    { 
    "brand":"Bosch", 
    "productname":"Jigsaw blade", 
    "price":50 
    }, 
    { 
    "brand":"Bosch1", 
    "productname":"Jigsaw blade", 
    "price":51 
    }, 
    { 
    "brand":"Bosch2", 
    "productname":"Jigsaw blade", 
    "price":52 
    }, 
    { 
    "brand":"Bosch3", 
    "productname":"Jigsaw blade", 
    "price":53 
    } 
    ], 
    "Spareparts" : [ 
    { 
    "brand":"BoschS1", 
    "productname":"Jigsaw blade", 
    "price":50 
    } 
    ], 
    "Bybrand" : [ 
    { 
    "brand":"BoschBY" 
    }  
    ], 
    "Bycategory" : [{ 
    "brand":"BoschBYc", 
    "productname":"Jigsaw blade", 
    "price":50 
    } ] 
} 
} 

Answer 1

我喜歡用不同的方式類似（使用jQueryUI的插件）：

$('input.searchField').autocomplete({ 
     source: function (request, response) { 
      $.ajax({ 
       type: "POST", 
       url: "myjson1.json", 
       contentType: "application/json; charset=utf-8", 
       dataType: "json" 
       success: function (data) { 
        response(
        //this saves from having to make a new type to return. It's a       standard jQuery function. 
        $.map(data.Byproducts, function (item) { 
         return { 
          label: item.productname + ' ' + item.price, 
          value: item.brand 
         } 
        })) 
       } 
      }) 
     }