mysql+ajax的省市县三级联动

php中文网

发布时间：2016-07-25 09:01:19

1041人浏览过

来源于php中文网

原创

php开发中，想自己写一个mysql+ajax的省市县三级联动，一切都写好了，就等着返回xml或者json格式的数据了。

查询是：$sql="select * from cities where sid=1";//1为江苏省的id.这个不用多说了

$res=mysql_query($sql);

下面如何处理，用while循环还是怎么弄呢？我要的xml格式类似于

省市区三级联动的jQuery订单系统

下载

南京苏州

转自别人的问答，。。。

在发一次包括数据库在内的代码以示感谢！！！
php页面：
//这里两句话很重要,第一讲话告诉浏览器返回的数据是xml格式
header("Content-Type: text/html;charset=utf-8");
//告诉浏览器不要缓存数据
header("Cache-Control: no-cache");
$conn=mysql_connect("localhost","root","123");
mysql_select_db("ajax");
mysql_query("set names utf8");
if(isset($_POST['sid'])){
$sid=$_POST['sid'];
//file_put_contents("D:/a.txt",$sid);
$sql_shi="select shi from shi where sid=$sid";
$res_shi=mysql_query($sql_shi);
$arr="";
while($row=mysql_fetch_array($res_shi)){
$arr[]=$row;
}
$a=json_encode($arr);
echo '{"aa":'.$a.'}';
}
?>
js页面：
<script type="text/javascript"></script>
//创建xmlHttpRequest对象
function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
// Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
var xhr="";
function checkCity(){
xhr=GetXmlHttpObject();
if(xhr){
var url="/ajax/citiesProcess.php";
var data="sid="+$("sheng").value;
xhr.open("post",url,true);
xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xhr.onreadystatechange=chuli;
xhr.send(data);
}
}
function $(id){
return document.getElementById(id);
}
function chuli(){
if(xhr.readyState==4 && xhr.status==200){
var result=xhr.responseText;
//window.alert(result);
var message=eval("("+result+")");
$("city").length=0;
myoption=document.createElement("option");
myoption.innerText="--市--";
$("city").appendChild(myoption);
for(var i=0;i
var shi_name=message.aa[i].shi;
myoption=document.createElement("option");
myoption.value=shi_name;
myoption.innerText=shi_name;
$("city").appendChild(myoption);
}
//window.alert(message.aa[].length);
}
}
html页面：

复制代码

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：PHP中英文截取无乱码,包括全角下的字符下一篇：一个简单的模板引擎类，此类仅作研究并不完善，希望有朋友一起参与学习研究

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI编程开发 AI聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 Excel 表格

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI编程开发 AI文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接图画生成

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI编程开发 AI文本写作

智谱清言 - 免费全能的AI助手

AI编程开发 Agent智能体

相关专题

Golang 实际项目案例：从需求到上线

《Golang 实际项目案例：从需求到上线》以真实业务场景为主线，完整覆盖需求分析、架构设计、模块拆分、编码实现、性能优化与部署上线全过程，强调工程规范与实践决策，帮助开发者打通从技术实现到系统交付的关键路径，提升独立完成 Go 项目的综合能力。

2026.02.26

Golang Web 开发路线：构建高效后端服务

《Golang Web 开发路线：构建高效后端服务》围绕 Go 在后端领域的工程实践，系统讲解 Web 框架选型、路由设计、中间件机制、数据库访问与接口规范，结合高并发与可维护性思维，逐步构建稳定、高性能、易扩展的后端服务体系，帮助开发者形成完整的 Go Web 架构能力。

2026.02.26

Golang 并发编程专题：掌握多核时代的核心技能

《Golang 并发编程专题：掌握多核时代的核心技能》系统讲解 Go 在并发领域的设计哲学与实践方法，深入剖析 goroutine、channel、调度模型与并发安全机制，结合真实场景与性能思维，帮助开发者构建高吞吐、低延迟、可扩展的并发程序，全面提升多核时代的工程能力。

2026.02.26

batoto漫画官网入口与网页版访问指南

本专题系统整理batoto漫画官方网站最新可用入口，涵盖最新官网地址、网页版登录页面及防走失访问方式说明，帮助用户快速找到batoto漫画官方平台，稳定在线阅读各类漫画内容。

356

2026.02.25

Steam官网正版入口与注册登录指南_新手快速进入游戏平台方法

本专题系统整理Steam官网最新可用入口，涵盖网页版登录地址、新用户注册流程、账号登录方法及官方游戏商店访问说明，帮助新手玩家快速进入Steam平台，完成注册登录并管理个人游戏库。

2026.02.25

TypeScript全栈项目架构与接口规范设计

本专题面向全栈开发者，系统讲解基于 TypeScript 构建前后端统一技术栈的工程化实践。内容涵盖项目分层设计、接口协议规范、类型共享机制、错误码体系设计、接口自动化生成与文档维护方案。通过完整项目示例，帮助开发者构建结构清晰、类型安全、易维护的现代全栈应用架构。

2026.02.25

Python数据处理流水线与ETL工程实战

本专题聚焦 Python 在数据工程场景下的实际应用，系统讲解 ETL 流程设计、数据抽取与清洗、批处理与增量处理方案，以及数据质量校验与异常处理机制。通过构建完整的数据处理流水线案例，帮助开发者掌握数据工程中的性能优化思路与工程化规范，为后续数据分析与机器学习提供稳定可靠的数据基础。

2026.02.25

Java领域驱动设计（DDD）与复杂业务建模实战

本专题围绕 Java 在复杂业务系统中的建模与架构设计展开，深入讲解领域驱动设计（DDD）的核心思想与落地实践。内容涵盖领域划分、聚合根设计、限界上下文、领域事件、贫血模型与充血模型对比，并结合实际业务案例，讲解如何在 Spring 体系中实现可演进的领域模型架构，帮助开发者应对复杂业务带来的系统演化挑战。

2026.02.25