jQuery中ajax请求后台返回json数据并渲染HTML的方法
html实例
搜索 序号 菜名
jquery实例
functionseek_product(){
varproduct=$('.seek_product').val();
$.ajax({
type:'get',
url:'/Cash/Index/seek_product',
data:{name:product},
success:function(res){
vardata=eval('('+res+')');
varlen=data.length;
varcm="";
if(len>0){
for(vari=0;i';
cm+='';
cm+=i+1;
cm+=' ';
cm+='';
cm+=''+data[i]["name"]+'
';
cm+='';
cm+='';
console.log(cm);
$('.restaurant_food').html(cm);
}
}else{
$('.restaurant_food').html('抱歉,没有这道菜!');
}
}
})
}
php实例
//搜索菜
publicfunctionseek_product(){
$shop_id=session("cashShopId");
$name=I('get.name');
$map['name']=array('like','%'.$name.'%');
$map['shop_id']=$shop_id;
$map['status']=1;
$productList=M('product')->field('id,name')->where($map)->select();
echojson_encode($productList);
}
以上这篇jQuery中ajax请求后台返回json数据并渲染HTML的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。