ajax php实现三级联动菜单,使用ajax实现菜单栏的三级联动

这次给大家带来使用ajax实现菜单栏的三级联动，使用ajax实现菜单栏三级联动的注意事项有哪些，下面就是实战案例，一起来看一下。

主页面代码

Title

请选择

请选择

请选择

$.ajax({

data: {parent_id: 0}, //发送的数据

dataType: "json", //返回值的类型 text为string型

type: 'post', //发送请求的方法(get)

url: 'sheng_l.php',//发送请求的地址

success: function (data) {//发送成功时的回调函数

// console.log(data);

for (var i in data) {

$("#sheng").append("" + data[i][1] +"")

}

}

})

$(document).ready(function () {

$("#sheng").change(function () {

$("#shi").get(0).options.length= 1;

// $("#qu").get(0).options.length= 1;

var data = $("#sheng").find("option:selected").val();

$.ajax({

data:{parent_id:data},

type:"post",

dataType:"json",

url:"sheng_l.php",

success:function (data) {

for(var i in data){

$("#shi").append("" + data[i][1] +"")

}

}

})

})

})

$(document).ready(function () {

$("#shi").change(function () {

$("#qu").get(0).options.length= 1;

var data = $("#shi").find("option:selected").val();

$.ajax({

data:{parent_id:data},

type:"post",

dataType:"json",

url:"sheng_l.php",

success:function (data) {

for (var i in data){

$("#qu").append("" +data[i][1] +"")

}

}

})

})

})

处理页面代码<?php

/**

* Created by fcc

* User: Administrator

* Date: 2017/10/29

* Time: 20:56

*/

require_once "../wenjian/DBDA.class.php";

$db = new DBDA();

$sql = "select * from region WHERE father_id = {$_POST['parent_id']}";

$result = $db->Query($sql);

echo json_encode($result);

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：