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

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

今天小编就为大家分享一篇jQuery中ajax请求后台返回json数据并渲染HTML的方法，具有很好的参考价值，希

望对大家有所帮助。一起跟随小编过来看看吧

html实例实例

<table border="0" class="restaurant_food" cellspacing="0" cellpadding="1">

<input type="text" name="dishes" value="" class="seek_product" placeholder="请输入菜名"/>

<button type='button' class="btn_nor" onclick="seek_product()">搜索</button>

<tr>

</tr>

</table>

jquery实例实例

function seek_product(){

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

$.ajax({

type:'get',

url:'/Cash/Index/seek_product',

data:{name:product},

success:function(res){

cm += '<td>';

cm += i+1;

cm += '</td>';

cm += '<td class="tl">';

cm += '<p>'+data[i]["name"]+'</p>';

cm += '</td>';

cm += '</tr>';

console.log(cm);

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

}

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);