mise en forme json objet retourné à partir de jQuery autocomplete

Question

J'utilise ce jQuery autocomplete plugin.

Je souhaite que mes données de retour soient au format 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 
    }); 

    } 

Quand je suis analyse de ces données, il donne une erreur

c.split est pas une fonction

Comment cela peut-il être fixé?

{ 
"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

Je suis en faveur d'une façon quelque chose de différent, comme (en utilisant le plugin 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 
         } 
        })) 
       } 
      }) 
     }