ajax+php无刷新二级联动菜单的应用实例

作者: phper
时间: 2010-08-02
分类: php开发

本款php ajax应用实例是一款利用ajax+php调用城市二级联动菜单，这样我们可以实时的根据数据库内容更新了。

代码如下

复制代码

<html>
<head>
<title>ajax+php无刷新二级联动菜单的应用实例</title>

return xmlhttp;
}

function sendrequest()
{
var prov_name = document.getelementbyid("province").value;

    if((prov_name == null) || (prov_name == ""))
        return;

    xmlhttp = getxmlhttprequest();
    if(xmlhttp == null)
    {
        alert("浏览器不支持xmlhttprequest！");
        return;
    }

var url = "http://www.phprm.com";
url = url + "?prov=" + prov_name;

    xmlhttp.open("get", url, true);
    xmlhttp.onreadystatechange = updatepage;
    xmlhttp.send(null);
}

function updatepage()
{
    if(xmlhttp.readystate == 4 && xmlhttp.status == 200)
    {
        var response = xmlhttp.responsetext;
        document.getelementbyid("city").innerhtml = response;
    }
}
</script>

<head>

<body>
<h3>请选择一个省（自治区）：</h3>

<form action="http://www.phprm.com">
    <div>
    <select id="province" onchange="sendrequest()">
        <option value="">请选择一个省（自治区）</option>
        <option value="ah">安徽</option>
        <option value="fj">福建</option>
        <option value="gs">甘肃</option>
        <option value="gd">广东</option>
        <option value="gx">广西</option>
        <option value="gz">贵州</option>
        <option value="hn">海南</option>
        <option value="hb">河北</option>
        <option value="hh">河南</option>
        <option value="hl">黑龙江</option>
    </select>
    </div>
</form>

</body>
</html>

http://www.phprm.com代码

代码如下

复制代码

<?php
$city_arr = array(
"ah"=>"合肥",
"fj"=>"福州",
"gs"=>"兰州",
"gd"=>"广州",
"gx"=>"南宁",
"gz"=>"贵阳",
"hn"=>"海口",
"hb"=>"石家庄",
"hh"=>"郑州",
"hl"=>"哈尔滨"
);

if(empty($_get['prov']))
{
    echo iconv("gb2312","utf-8",'<font color="red">您没有选择省（自治区）</font>');
}
else
{
    $prov = $_get['prov'];
    $city = $city_arr[$prov];
    echo iconv("gb2312","utf-8",'所选省（自治区）省会（首府）为：'.$city);
}
?>

文章网址:http://www.phprm.com/develop/34274.html

随意转载^^但请附上教程地址。

标签：none

PHP入门

ajax+php无刷新二级联动菜单的应用实例

发表留言