源代码有小改动，效果实现了，就是代码写的不太好

// 搜索功能模块

(function(){

var searchData=null,

shoesData=null,

content=$(".commodityContainer").html();

// ajax获取json数据

$.get("./json/search.json",function(data){

searchData=data;

});

$.get("./json/basketballShoes.json",function(data){

shoesData=data;

});

// 输入框输入字符事件

$(".header-search-input").eq(0).on("input",function(){

for(var i in searchData){

if(this.value==searchData[i][0].Query){

var suggests=searchData[i][0].Results[0].Suggests;

for(var j in suggests){

var data="<li>"+suggests[j].Txt+"</li>";

$(".list").eq(0).append(data);

}

$(".list").eq(0).show();

break;

}

else{

$(".list").eq(0).html("").hide();

}

}

});

// 输入框键入回车事件

$(".header-search-input").eq(0).on("keydown",function(e){

if(e.keyCode=="13"){

for(var i in shoesData){

if(this.value==shoesData[i][0].Query){

$(".commodityContainer").html("");

var suggests=shoesData[i][0].Results[0].Suggests;

for(var j in suggests){

var data='<div class="mainCommodity"><div class="shopInfo"><div class="shopMsg"><input type="checkbox" name="shopMsg"id="shopMsg" class="shopMsg-input" autocomplete="off"><labelfor="shopMsg">店铺：<a href="#">'

+suggests[j].shop

+'</a></label></div></div><div class="commodityInfo"><ul><li class="td-chk"><div class="td-inner"><input type="checkbox" name="checkbox" autocomplete="off"></div></li><li class="td-item"><div class="td-inner"><a href="#" class="'

+suggests[j].label

+'"></a><div class="item-info"><div class="item-basis-info"><a href="#">'

+suggests[j].Txt

+'</a></div><div class="item-other-info"><div class="item-other-space"></div><div class="item-other-list"><a href="#" title="支持信用卡支付"><div class="bandCard"></div></a><a href="#" class="sevenDay" title="7天无理由"><div class="sevenDay"></div></a><a href="#" title="消费者保障服务"><div class="guarantee"></div></a></div></div></div></div></li><li class="td-info"><div class="td-info-msg"><p>'

+suggests[j].color

+'</p><p>'

+suggests[j].size

+'</p></div></li><li class="td-price"><div class="td-inner"><p class="non-discount">'

+suggests[j].nonDiscount

+'</p><p class="discount">￥<span>'

+suggests[j].num

+'</span></p><div class="promotion">卖家促销<i class="promotionIcon"></i></div><div class="proSlidedown"><p class="newPro">卖家促销：新品大特价</p><p>优惠：￥30.00</p></div></div></li><li class="td-amount"><div class="item-amount"><a href="#" class="amount-leftamount-color">-</a><input type="text" name="amountNum"value="1" autocomplete="off"><a href="#" class="amount-right">+</a></div><div class="stock">574</div><div class="outNum"><span class="instr">最多只能购买</span><span class="stockNum"></span><!----><em>件</em></div></li><li class="td-sum"><em>￥</em><!----><span>'

+suggests[j].num

+'</span></li><li class="td-operation"><p><a href="#" class="delete">删除</a></p></li></ul></div></div>';

$(".commodityContainer").append(data);

}

break;

}

else{

$(".commodityContainer").html(content);

}

}

}

})

})();