php实现二级联动菜单的方法

小编给大家分享一下php实现二级联动菜单的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获、下面让我们一起去了解一下吧!

php实现二级联动菜单的方法:首先创建好HTML文件和php文件,然后编写前端代码以及后端逻辑代码,接着向后台发送一个请求;最后将值用JS呈现在页面中即可。

php + ajax实现二级联动菜单功能示例

<>强如何实现二级联动

<强>工作原理

二级联动在开发中是比较常见的一个技术点,它主要运用了JS的局部刷新技术ajax,不同于一般页面全局刷新,它只会刷新我们需要改变值的地方,我们首先看下它的工作流程。

<李>

第一步:我们会向后台发送一个请求

<李>

第二步:后台接受请求后,会返回给我们一个值

<李>

第三步:将值用JS呈现在页面中

<强> HTML代码

& lt; html> 　　& lt; head> 　　& lt; title> www.jb51.net 二级联动& lt;/title> 　　& lt; meta  http-equiv=癈ontent-Type",内容=皌ext/html; charset=utf8"比; 　　& lt; script  src=癶ttps://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"祝辞& lt;/script> 　　& lt; style> 　　#区域框{宽度:500 px;高度:400 px;保证金:0,汽车;边界:0 px  solid  # dddddd; text-align:中心;} 　　.area-select{宽度:200 px;高度:30 px; margin-top: 30 px; margin-left: 30 px;} 　　& lt;/style> 　　& lt; head> 　　& lt; body> 　　& lt;才能p  id=癮rea-box"比; 　　,,,& lt; select 类=癮rea-select", id=& # 39;地址# 39;比; 　　,,,,,& lt; option 价值=?”;在请选择省份& lt;/option> 　　,,,,,& lt; option 价值=?”;在四川& lt;/option> 　　,,,,,& lt; option 价值=?“祝辞河北& lt;/option> 　　,,,,,& lt; option 价值=?“在湖南& lt;/option> 　　,,,& lt;/select> 　　,,,& lt; select 类=癮rea-select", id=癱ity"比; 　　,,,,,& lt; option>请选择城市& lt;/option> 　　,,,& lt;/select> 　　& lt;才能/p> 　　& lt;才能script> 　　美元才能(函数(){ 　　,,,//初始化数据 　　,,,var  url =, & # 39; address.php& # 39;,,//后台地址 　　,,,(“# address")美元.change(函数(){,//监听下拉列表的改变事件 　　,,,,,var  address =,(这)美元.val();,//获取下拉列表选中的值 　　,,,,,//发送一个帖子请求 　　,,,,,. ajax({美元 　　,,,,,,,类型:& # 39;文章# 39; 　　,,,,,,,url: url, 　　,,,,,,,数据:{}关键:地址, 　　,,,,,,,数据类型:& # 39;json # 39; 　　,,,,,,,成功:功能(数据){,//请求成功回调函数 　　,,,,,,,,,var  status =, data.status;,//获取返回值 　　,,,,,,,,,var  address =, data.data; 　　,,,,,,,,,如果(status ==, 200){,//判断状态码,200为成功 　　,,,,,,,,,,,var  option =, & # 39; & # 39;; 　　,,,,,,,,,,,,(var 我=0;i & # 39; +地址[我]+ & # 39;& lt;/option> & # 39;; 　　,,,,,,,,,,,} 　　,,,,,,,,,其他}{ 　　,,,,,,,,,,,var  option =, & # 39; & lt; option>请选择城市& lt;/option> & # 39;;,//默认值 　　,,,,,,,,,} 　　,,,,,,,,,美元(“# city") . html(选项),,//js刷新第二个下拉框的值 　　,,,,,,,}, 　　,,,,,}); 　　,,,}); 　　,,}); 　　& lt;才能/script> 　　& lt;/body>

<强> PHP代码

& lt; PHP ? 　　时间=美元才能key  $ _POST[& # 39;关键# 39;];,//获取值 　　美元才能解决[1],=,数组(& # 39;成都& # 39;,& # 39;绵阳& # 39;,& # 39;德阳& # 39;); 　　美元才能解决[2],=,数组(& # 39;石家庄& # 39;,& # 39;唐山& # 39;,& # 39;秦皇岛& # 39;); 　　美元才能解决[3],=,数组(& # 39;长沙& # 39;,& # 39;株洲& # 39;,& # 39;湘潭& # 39;); 　　如果才能(!空($地址[$ key])){,//有值,组装数据 　　,,,结果美元[& # 39;状态# 39;],=,200; 　　美元,,,结果[& # 39;数据# 39;],=,解决美元(美元关键); 　　,,其他}{//无值,返回状态码220 　　,,,结果美元[& # 39;状态# 39;],=,220; 　　,,} 　　echo 才能json_encode(结果),,//返回JSON数据 　　null

php实现二级联动菜单的方法