jQuery+php+mysql,轻松实现ajax无刷新省市二级联动[多图]

08-15栏目：技术

TAG：zxfy

zxfy

用jQuery的ajax方法,结合PHP,轻松实现省市级的二级联动: https://www.jhua.org

新建area.php

jhua.org

$dbc=mysqli_connect("localhost","xxxx","xxxxxxxxxx","test") or die("can not connect to mysql ".mysqli_ERROR());

mysqli_query($dbc,"set names utf8");

header("content-Type:text/html;charset=utf-8");

if($_request['do']=="search" && $_REQUEST['pid']){

$str="";

$str='';

$r="select areaid,name from `china_areas` where parentid='".$_REQUEST['pid']."' order by vieworder asc;";

$q=mysqli_query($dbc,$r);

while(list($areaid,$name)=mysqli_fetch_array($q,MYSQLI_NUM)){

$str.=''.$name.'';

}

$str.='';

echo $str;exit;

}

?>

无刷新二级联动

function down_area(obj){

$.ajax({

type: "POST",

url: "area.php",

data: "do=search&pid="+obj.value,

success: function(msg){

$("#area_list").html(msg);

}

});

}

body{font:12px Arial, "微软雅黑", sans-serif;color:#666;line-height:22px;}

地区:

$r="select areaid,name from `china_areas` where parentid='0' order by vieworder asc;";

$q=mysqli_query($dbc,$r);

while(list($areaid,$name)=mysqli_fetch_array($q,MYSQLI_NUM)){

?>

=$name;?>

}

?>

www.jhua.org

https://www.jhua.org

效果如图：

www.jhua.org

下拉选择广东省后：

https://www.jhua.org

https://www.jhua.org

相关阅读

Python 20行简单实现有道在线翻译 https://www.jhua.org

转载请注明出处

目录

目录

简介

代码

重要函数

简介

主要是尝试简单的使用pyhton的爬虫功能，于是使用有道进行尝

jhua.org

实现拨号上网 copyright www.jhua.org

实例 11-1 实现拨号上网 本例知识要点：1．  远程访问服务(RAS)简介远程访问服务(Remote  Access  Service 简称RAS)是Windows 操作系

www.jhua.org

rhcs实现服务级别的高可用(httpd为例)和fence的原理及 jhua.org

rhcs实现服务级别的高可用rhcs是用来实现高可用的一个红帽套件。下来我将介绍如何安装配置rhcs和用rhcs实现httpd的高可用。操作

copyright www.jhua.org

Axure PR 7.0 实现页面纵向滑动效果

copyright jhua.org

几乎所有的APP都会用到页面纵向滑动的效果，我们甚至可以把几乎两个字去掉。页面纵向滑动效果就是用户可以实现上下滑动手机屏幕来

jhua.org

【WebService】WebService实现远程调用

https://www.jhua.org

一、WebService是什么WebService是一种跨语言跨平台的远程调用技术。所谓跨语言跨平台就是说服务端采用java编写，客户端程序则可以 copyright jhua.org

阅读量：100000+

上一篇：计算机网络学习笔