大橙子网站建设,新征程启航

为企业提供网站建设、域名注册、服务器等服务

jQuery中如何实现ajax请求后台返回json数据并渲染HTML

小编给大家分享一下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”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


标题名称:jQuery中如何实现ajax请求后台返回json数据并渲染HTML
网址分享:http://dzwzjz.com/article/gdegdp.html
在线咨询
服务热线
服务热线:028-86922220
TOP