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>    <th width="30%">序號</th>    <th width="70%">菜名</th>  </tr>  <tr data-id="">    <td></td>    <td class="tl"> <p></p></td>  </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){      var data = eval('('+res+')');      var len = data.length;      var cm = "";      if(len > 0){        for(var i = 0; i < len; i++){          cm += '<tr data-id='+data[i]['id']+'>';          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);        }      }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數(shù)據(jù)并渲染HTML的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。