php+mysql+拼接json_用php+mysql+json+js+ajax实现省市县三级联动

很好用的代码额这里包含了ajax插件可以直接用

//php页面 area.php

include_once "conn.php";

//获取客户端传来的数据

$id=$_GET["id"];

//查询sql

$sql="select id,name from area where id like '".$id."__'";

$res=mysql_query($sql);

//遍历查询结果

while($rows=mysql_fetch_assoc($res)){

$arr[]=$rows;

}

echo json_encode($arr);

?>

//html页面Ajaxphpsan2.html

三级联动

var objectId="";

//定义函数，获取数据库的省份数据

function getArea(id,objId){

objectId=objId;

//定义url

var url="area2.php";

//定义参数

var params="id="+id;

//调用ajax进行交互

get(params,url,proccesData);

}

//处理服务器端返回的数据库，并显示

function proccesData(xhr){

//获取json对象

var json_objs=xhr.responseText;

//解析表达式

var arr = eval("("+json_objs+")");

//根据数组arr获取值

for(var i=0;i

//创建option节点

var option=document.createElement("option");

//获取name值

var text=arr[i].name;

//获取id值

var value=arr[i].id;

//创建文本节点

var text1=document.createTextNode(text);

//将value值写入option属性value中

option.setAttribute("value",value);

//将文本节点追加到option中

option.appendChild(text1);

//追加到相应select中

document.getElementById(objectId).appendChild(option);

}

}

省

市

县

//Aja插件

function get(parms,url1,mName){

/*

ajax无刷新的评论技术

1、发布的评论，无刷新技术显示到下面的区域

2、通过ajax把内容存到服务器上

3、获取服务器的数据，显示评论区域

Ajax使用的基本步骤

1、初始化ajax引擎

2、封装url

3、打开ajax引擎(同步、异步的方式； 本次传输使用get还是post)

4、将要请求的信息发送到服务器进行处理

5、监听服务器返回给ajax引擎的处理状态

6、判断是否交互完毕，如果交互完毕取 出返回的数据 */

var xhr=new XMLHttpRequest();

//这种方式只针对ie浏览器，并且ie6以下不行

//初始化urs

var url=url1+"?"+parms+"&r="+Math.random();

//alert(url);

//打开引擎

xhr.open("get",url,true);//readState 1

//发送请求

xhr.send(null);//readState 2

//监听readyStatechange值的改变，每次改变都会执行下面的函数

xhr.onreadystatechange=function (){

//如果等于4，表名交互完毕，我们可以取出服务器内容

if(xhr.readyState==4){

mName(xhr);

}

}

}

function $$(id){

return document.getElementById(id);

}