php+js+mysql实现实时搜索

HTML代码

<div class="layui-form-item">
	<label class="layui-form-label">用户名：</label>
	<div class="layui-input-inline">
		<input type="text" name="username" id="username"   value="" placeholder="用户名"  >
	    <ul class="list"></ul>
	</div>
</div>

css代码

.list {
	  width:100%;
	  text-align:left;
	  border:#ccc 1px solid;
	  font-size:14px;
	  margin:0 auto;
	  background:#FFF;
	  position:relative;
	}

js代码

//实时搜索
	$('#username').keyup(function(){
		$.post('<{:U("Order/searchIntime")}>',{'key':$(this).val()},function(data){　 
		if(data.flag){
		   //清空ul中的数据并显示
		   $(".list").empty();
		   $('.list').css('display','block');
		   // 循坏遍历返回值,并添加到li中
		   $(data.data).each(