jQuery中ajax请求后台返回json数据并渲染HTML的方法
更新时间:2018年08月08日 11:30:17 作者:卷筒纸
今天小编就为大家分享一篇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> <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数据并渲染HTML的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
jQuery 1.9移除了$.browser可以使用$.support来替代
这篇文章主要介绍jQuery 1.9 移除了 $.browser 的替代方法,需要的朋友可以参考下2014-09-09jQuery中checkbox反复调用attr(''checked'', true/false)只有第一次生效的解决方法
这篇文章主要介绍了jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法,通过使用prop方法代替attr方法来解决此问题,需要的朋友可以参考下2016-11-11使用jQuery实现一个类似GridView的编辑,更新,取消和删除的功能
在项目中遇到这样的需求当用户点击编辑时,在点击行下动态产生一行,编辑铵钮变为disabled,新产生的一行有更新和取消的铵钮,点击“取消”铵钮,删除刚刚动态产生的行,编辑铵钮状态恢复。下面小编给大家分享实例代码,一起看看吧2017-03-03
最新评论