ajax怎么渲染php数据,jQuery中ajax请求后台返回json数据并渲染HTML的方法

html实例

搜索

序号菜名

jquery实例

function seek_product(){

var product = $('.seek_product').val();

$.ajax({

type:'get',

url:'/Cash/Index/seek_product',

data:{name:product},

success:function(res){

var data = eval('('+res+')');

var len = data.length;

var cm = "";

if(len > 0){

for(var i = 0; i < len; i++){

cm += '

';

cm += '

';

cm += i+1;

cm += '

';

cm += '

';

cm += '

'+data[i]["name"]+'

';

cm += '

';

cm += '

';

console.log(cm);

$('.restaurant_food').html(cm);

}

}else{

$('.restaurant_food').html('抱歉，没有这道菜！');

}

}

})

}

php实例

//搜索菜

public function seek_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();

echo json_encode($productList);

}

以上这篇jQuery中ajax请求后台返回json数据并渲染HTML的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。