Ajax php实现商品分类三级联动

这篇文章主要介绍了Ajax+php实现商品分类三级联动，具有一定的参考价值，感兴趣的小伙伴们可以参考一下当页面加载时，利用ajax异步向后台请求数据，加载一级商品类别，当选择一级商品时加载二级商品，选择二级商品加载三级商品。
实现：1、当拿到数据后加载pid为0的商品，并动态创建option将商品追加到一级菜单中，并设置value值
2、当选择一级商品时加载pid=当前id的商品，并创建option将商品追加到二级菜单中，并设置value值
3、当选择二级商品时加载pid=当前id的商品，并创建option将商品追加到三级菜单中，并设置value值页面效果：后台代码：<php header('Content-Type:text/html; charset=utf-8'); //数据 $arr=array( //array(分类id,分类名，分类的父id) array('id'=>'1''name'=>'数码产品''pid'=>'0'), array('id'=>'2''name'=>'家电''pid'=>'0'), array('id'=>'3''name'=>'书籍''pid'=>'0'), array('id'=>'4''name'=>'服装''pid'=>'0'), array('id'=>'5''name'=>'手机''pid'=>'1'), array('id'=>'6''name'=>'笔记本''pid'=>'1'), array('id'=>'7''name'=>'平板电脑''pid'=>'1'), array('id'=>'8''name'=>'智能手机''pid'=>'5'), array('id'=>'9''name'=>'功能机''pid'=>'5'), array('id'=>'10''name'=>'电视机''pid'=>'2'), array('id'=>'11''name'=>'电冰箱''pid'=>'2'), array('id'=>'12''name'=>'智能电视''pid'=>'10'), array('id'=>'13''name'=>'编程书籍''pid'=>'3'), array('id'=>'14''name'=>'JavaScript''pid'=>'13'), ); //获取指定分类的商品 function getByPid($arr,$pid){ $result=array(); foreach($arr as $v){ if($v['pid']==$pid){ $result[]=$v; } } return $result; } //获取请求参数 $pid=isset($_GET['pid'])?$_GET['pid']:'0' $result=getByPid($arr,$pid); //输出json数据 echo json_encode($result);>上面是我整理给大家的，希望今后会对大家有帮助。