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的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。