大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下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 += ' '; console.log(cm); $('.restaurant_food').html(cm); } }else{ $('.restaurant_food').html('抱歉,没有这道菜!'); } } }) }'; cm += i+1; cm += ' '; cm += ''; cm += ' '; cm += ''+data[i]["name"]+'
'; 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); }
以上是“jQuery中如何实现ajax请求后台返回json数据并渲染HTML”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!