使用 php,mysql,jquery,ajax,json 实现城县二级下拉联动; 40
问题描述:现数据库又两个表new_city(存储“城市名称”以及唯一“城市ID”)new_area(存储“县城名称”“县城ID”以及所对应的“城市ID")表结构如下:ne...
问题描述:
现数据库又两个表 new_city(存储 “城市名称” 以及 唯一 “城市ID”)
new_area(存储 “县城名称”“县城ID”以及所对应的“城市ID")
表结构如下:
new_city:
+-----------+--------------+------+-----+---------+----------------+
| Field | Type | Null | Key | Default | Extra |
+-----------+--------------+------+-----+---------+----------------+
| city_id | int(11) | NO | PRI | NULL | auto_increment |
| city_name | varchar(255) | YES | | NULL | |
+-----------+--------------+------+-----+---------+----------------+
new_area:
+-----------+--------------+------+-----+---------+----------------+
| Field | Type | Null | Key | Default | Extra |
+-----------+--------------+------+-----+---------+----------------+
| area_id | int(11) | NO | PRI | NULL | auto_increment |
| area_name| varchar(255) | YES | | NULL | |
| city_id | int(11) | YES | | NULL | |
+-----------+--------------+------+-----+---------+----------------+
后台获取 两个 json 数据
后台源码:
connect_server.php
<?php
//设置返回数据编码格式
header("Content-Type:text/html;charset=utf-8");
//链接数据库
$conn = mysql_connect("192.168.1.199"," "," ")
or die('链接数据库出错'.mysql_error());
//设置数据编码
mysql_query("SET NAMES 'utf8'");
//选择数据库
mysql_select_db("dbname",$conn)
or die('选择数据库出错');
/**
表 new_city
**/
//数据库查询语句
$sql = "select city_name,city_id from new_city";
//查询数据库
$result = mysql_query($sql);
//存储数据
$info = array();
while($row = mysql_fetch_assoc($result)){
$info[] = $row;
}
//封装 表 new_city 为 json 数据
$city_info = json_encode($info);
//返回 new_city 数据
echo $city_info;
/**
表 new_area
**/
//
$sql = "select city_id, area_id, area_name from new_area";
//
$result = mysql_query($sql);
//
$info = array();
while($row = mysql_fetch_assoc($result)){
$info[] = $row;
}
//
$area_info = json_encode($info);
//
echo $city_info;
//关闭链接
mysql_free_result($result);
mysql_close($conn);
?>
前台利用 jquery ajax 实现无刷新动态二级联动 字符编码为 utf-8 展开
现数据库又两个表 new_city(存储 “城市名称” 以及 唯一 “城市ID”)
new_area(存储 “县城名称”“县城ID”以及所对应的“城市ID")
表结构如下:
new_city:
+-----------+--------------+------+-----+---------+----------------+
| Field | Type | Null | Key | Default | Extra |
+-----------+--------------+------+-----+---------+----------------+
| city_id | int(11) | NO | PRI | NULL | auto_increment |
| city_name | varchar(255) | YES | | NULL | |
+-----------+--------------+------+-----+---------+----------------+
new_area:
+-----------+--------------+------+-----+---------+----------------+
| Field | Type | Null | Key | Default | Extra |
+-----------+--------------+------+-----+---------+----------------+
| area_id | int(11) | NO | PRI | NULL | auto_increment |
| area_name| varchar(255) | YES | | NULL | |
| city_id | int(11) | YES | | NULL | |
+-----------+--------------+------+-----+---------+----------------+
后台获取 两个 json 数据
后台源码:
connect_server.php
<?php
//设置返回数据编码格式
header("Content-Type:text/html;charset=utf-8");
//链接数据库
$conn = mysql_connect("192.168.1.199"," "," ")
or die('链接数据库出错'.mysql_error());
//设置数据编码
mysql_query("SET NAMES 'utf8'");
//选择数据库
mysql_select_db("dbname",$conn)
or die('选择数据库出错');
/**
表 new_city
**/
//数据库查询语句
$sql = "select city_name,city_id from new_city";
//查询数据库
$result = mysql_query($sql);
//存储数据
$info = array();
while($row = mysql_fetch_assoc($result)){
$info[] = $row;
}
//封装 表 new_city 为 json 数据
$city_info = json_encode($info);
//返回 new_city 数据
echo $city_info;
/**
表 new_area
**/
//
$sql = "select city_id, area_id, area_name from new_area";
//
$result = mysql_query($sql);
//
$info = array();
while($row = mysql_fetch_assoc($result)){
$info[] = $row;
}
//
$area_info = json_encode($info);
//
echo $city_info;
//关闭链接
mysql_free_result($result);
mysql_close($conn);
?>
前台利用 jquery ajax 实现无刷新动态二级联动 字符编码为 utf-8 展开
1个回答
展开全部
脸不小,一分不给,还想让别人给你写这么一大段代码,告诉你个思路,给下来菜单加个事件。onchange事件,当下拉菜单变化值的时候ajax异步请求之后把数据在加到第二个菜单上,一个逻辑做三级四级联动
追问
我给分呀,刚注册,做了几个任务,才弄了30分。提问只能给20分。采纳后,给加分兄弟!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询