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

更新时间：2016年11月25日 17:34 点击：1914

本款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 = "www.111cn.net.php";
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="www.111cn.net.php">
    <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>

www.111cn.net.php代码

代码如下

复制代码

<?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);
}
?>

php教程 ajax 实例与ajax 教程
   1创建xmlhttprequest对象的网页特效程序。
2   发出异步请求的javascript程序。
3   处理服务器响应的javascript程序。

//1创建xmlhttprequest对象的javascript程序。

代码如下

复制代码

return xmlhttp;
}

//2 发出异步请求的javascript程序。

代码如下

复制代码

function sendrequest()
{
//获取页面表单的文本框name的值
var user_name = document.getelementbyid("name").value;

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

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

    var url = "getusername.php";               //构建请求的url地址
    url = url + "?name=" + user_name;

    xmlhttp.open("get", url, true);            //使用get方法打开一个到url的连接，为发出请求做准备

    //设置一个函数，当服务器处理完请求后调用，该函数名为updatepage
    xmlhttp.onreadystatechange = updatepage;
    xmlhttp.send(null);                        //发送请求
}

// 3 处理服务器响应的javascript程序。

代码如下	复制代码
function updatepage() { if(xmlhttp.readystate == 4) { var response = xmlhttp.responsetext; document.getelementbyid("userinfo").value = response; } }

在程序开发中，错误处理这一块是非常重要的，今天本文章就来告诉他关于在php开发中，错误处理函数并且举例说明错误处理的重要性。

1、内置异常处理类。
2、捕获并处理异常的示例。
3、exception类的成员函数getmessage()。
4、exception类的成员函数getfile()。
5、exception类的成员函数getline()。
6、显示警告或错误信息。
7、自定义错误处理函数。

// 1、内置异常处理类。

代码如下

复制代码

class exception
{
    protected $message = 'unknown exception';   // 异常信息
    protected $code = 0;                        // 用户自定义异常代码
    protected $file;                            // 发生异常的文件名
    protected $line;                            // 发生异常的代码行号

function __construct($message = null, $code = 0);

    final function getmessage();                // 返回异常信息
    final function getcode();                   // 返回异常代码
    final function getfile();                   // 返回发生异常的文件名
    final function getline();                   // 返回发生异常的代码行号
    final function gettrace();                  // backtrace() 数组
    final function gettraceasstring();          // 已格成化成字符串的 gettrace() 信息

function __tostring(); // 可输出的字符串
}

// 2、捕获并处理异常的示例。

代码如下

复制代码

try
{
    $error = '抛出异常信息，并且跳出try块<br/>';
    if(is_dir('./test'))
    {
        echo '检测到../ch16是一个目录';
        echo '<br/>';
        echo '可能继续做其他一些操作';
        echo '<br/>';
        echo '....';
        echo '<br/>';
    }
    else
    {
        throw new exception($error,12345);
    }
    echo '上面throw异常的话，这行代码不会执行，转而执行catch块<br/>';
}
catch(exception $e)
{
    echo '捕获异常: ' . $e->getmessage() . "<br/>错误代码：" . $e->getcode().'<br/>';    //显示$error和123456
    echo '<br/>';
}

echo '继续执行';

这是一款由php+mysql数据库的读取数据库的内容再生成树型号菜单由js来控制

代码如下

复制代码

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>类别目录树</title>
<script type="text/网页特效">
function showmenu(menuid)
{
if(menuid.style.display=="none"){
menuid.style.display="";
}
else{
menuid.style.display="none";
}
}
</script>
<style>
body{margin:0px;}
table tr td{font-size:12px}
</style>
</head>
<body>

<?php
$globals["id"] =1; //用来跟踪下拉菜单的id号
$layer=1; //用来跟踪当前菜单的级数
//连接数据库
$con=mysql_connect("localhost","root","123456");
mysql_select_db("demo");

//提取一级菜单
$sql="select * from think_news where `f_id`=0";
$result=mysql_query($sql,$con);
//如果一级菜单存在则开始菜单的显示
if(mysql_num_rows($result)>0) showtreemenu($con,$result,$id);
function showtreemenu($con,$result,$layer)
{
//取得需要显示的菜单的项目数
$numrows=mysql_num_rows($result);
//开始显示菜单，每个子菜单都用一个表格来表示
echo "<table cellpadding='0' cellspacing='0' border='0' width='100%'>";
for($rows=0;$rows<$numrows;$rows++)
{
   //将当前菜单项目的内容导入数组
    $menu=mysql_fetch_array($result);
   //提取菜单项目的子菜单记录集
   $sql="select * from think_news where f_id=$menu[id]";
   $result_sub=mysql_query($sql,$con);
   echo "<tr>";
   //如果该菜单项目有子菜单，则添加javascript onclick语句
   if(mysql_num_rows($result_sub)>0)
   {
         echo "<td width='20' valign= 'top' ><span onclick='showmenu(menu".$globals['id'].")' ><img src='menu_minus.gif' border='0' align='absmiddle'></span></td>";
         echo "<td class='menu' >";
   }
   else
   {
         echo "<td width='20'><img src='menu_plus.gif' border='0' align='absmiddle' > </td>";
         echo "<td class='menu'>";
   }
   //如果该菜单项目没有子菜单，只显示菜单名称
   echo $menu["title"];
   echo "</td></tr>";
   //如果该菜单项目有子菜单，则显示子菜单
   if(mysql_num_rows($result_sub)>0)
   {
       //指定该子菜单的id和style，以便和onclick语句相对应
       echo "<tr id=menu".$globals["id"]++." style='display:none'>";
       echo "<td width='20'> </td>";
       echo "<td>";
       //将级数加1
       $layer++;
       //递归调用showtreemenu()函数，生成子菜单
       showtreemenu($con,$result_sub,$layer);
       //子菜单处理完成，返回到递归的上一层
       echo "</td></tr>";
   }
   //子菜单处理完成，返回到递归的上一层，将级数减1
   $layer--;
}
echo "</table>";
}

本文章利用了php多文件上传类来实现，多文件上传最主要就是关于file的属性必须以数组形式并且用foreach或for也读取来一个个用move_uploaded_file把文件上传到服务器这样就实现的多文件上传哦。

代码如下

复制代码

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.111cn.net/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>php多文件上传代码</title>
</head>

<input type="submit">
</form>
</body>
</html>

server.php

<?php
//upload array files
include 'upload.class.php';
$u = new upload('../uploads/product/','spec','group');
print_r($u->getnewname());
echo $u->geterror();
/***********************
//upload single file
$u = new upload('../www.111cn.net/product/','spec');
print_r($u->getnewname());
$u = new upload('../mb.111cn.net/product/','manual');
print_r($u->getnewname());
echo $u->geterror();
************************/
?>

[!--infotagslink--]

上一篇: php网页数字计数器代码

下一篇: FreeBSD 系统参数探测 cpu,内存

php无刷新利用iframe实现页面无刷新上传文件(1/2)
利用form表单的target属性和iframe 一、上传文件的一个php教程方法。该方法接受一个$file参数，该参数为从客户端获取的$_files变量，返回重新命名后的文件名，如果上传失...2016-11-25
jQuery+PHP发布的内容进行无刷新分页（Fckeditor）
这篇文章将使用jQuery，并结合PHP，将Fckeditor发布的内容进行分页，并且实现无刷新切换页面。本文假设你是WEB开发人员，掌握了jQuery和PHP相关知识，并且熟知Fckeditor的配置和使用。...2015-10-23
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
二级联动下拉菜单选择应用在在很多地方，比如说省市下拉联动，商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。实现效果：当选择大类时，小类下拉框里的选项内容也随着改...2015-10-30
php+ajax制作无刷新留言板
本文就是和大家分享一款由php结合ajax实现的无刷新留言板，先给大家看一下最后的效果图：数据库连接代码如下： <?php$conn = @mysql_connect("localhost","root","root") or die ("MySql连接错误");mysql_select_db("d...2015-10-30
基于jquery实现表格无刷新分页
这篇文章主要介绍了基于jquery实现表格无刷新分页，功能实现了前端排序功能，增加了前端搜索功能，感兴趣的小伙伴们可以参考一下...2016-01-08
最简单js代码实现select二级联动下拉菜单
这个是简单也是最基本的下拉框联动的示例，这个示例主要针对那些只有二级联动，且第一级是固定的选项，第二级的内容也比较简单，不刷新的联动，感兴趣的小伙伴们可以参考一下...2016-04-19
省市二级联动小案例讲解
这篇文章主要介绍了省市二级联动小案例讲解的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下...2016-07-29
ajax+php 无刷新数据调用经典实例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1...2016-11-25
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
二级联动下拉菜单选择应用在在很多地方，比如说省市下拉联动，商品大小类下拉选择联动。本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果。实现效果：当选择大类时，小类下拉框里的选项内容也随着改...2015-10-30
php iframe 无刷新文件上传代码
其它原理很简单，利用form表单的target属性和iframe来实现的，打开为iframe试就行了，返回就利用js判断php教程运行后返回的参数是不是成功一、上传文件的一个php方法。...2016-11-25
jQuery无刷新切换主题皮肤实例讲解
主题皮肤切换功能在很多网站和系统中应用，用户可以根据此功能设置自己喜欢的主题颜色风格，增强了用户体验。本文将围绕如何使用jQuery实现点击无刷新切换主题皮肤功能。实现该功能的原理就是通过点击定义的主题样式，改变...2015-10-23
iframe无刷新文件上传实现程序
iframe无刷新文件上传其实就是在当前页面打开了上传程序的页面，有点像ajax局部刷新一个，只是我们把它放到了iframe页面中上传，同时我们把iframe页面给隐藏了。一个...2016-11-25
php ajax实现无刷新检测用户名是否可用
本文章简单的介绍了二种关于php ajax实现无刷新检测用户名是否可用，有我是利用了jquery的$.ajax来实例，有需要的朋友可以参考一下本实例。前言...2016-11-25
php+ajax实现无刷新的新闻留言系统
本文介绍了一款无刷新的新闻留言系统，最简明易懂的一个ajax无刷新留言系统，源码中省略了接受数据验证的过程，大家可根据自己的需求进行扩展，下面进入主题。核心源码：1.配置文件:config.php,代码如下：<?php //数据库配...2015-10-30
ajax+php无刷新回贴和注册检验实例
本文章来给大家介绍一个原生态的ajax+php无刷新回贴和注册检验实例，如果你对此有兴趣不防进入参考哦。先看xin.sql数据库，我们可直接复制保存成xxx.sql哦。 ...2016-11-25
ajax php用户无刷新登录实例
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/...2016-11-25
ajax.net +jquery 无刷新三级联动的实例代码
ajax.net +jquery 无刷新三级联动的实例代码，需要的朋友可以参考一下...2021-09-22
ASP.NET MVC下Ajax.BeginForm方式无刷新提交表单实例
下面小编就为大家分享一篇ASP.NET MVC下Ajax.BeginForm方式无刷新提交表单实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-09-22
如何在静态HTM页面中实现无刷新的更换CSS样式
在静态HTM页面中实现无刷新的更换CSS样式！系统原来的更换CSS模板是要重新刷新一下儿页面的，我一直都对这个功能很不满意，百分之九十五的功能都用AJAX...2017-07-06
swfupload ajax无刷新上传图片实例代码
在这里上传图片就需要用到ajax无刷新上传图片，这里面包含的东西不是一点半点。这里用到的是一个插件swfupload实现无刷新上传图片，感兴趣的朋友可以参考下哈...2021-09-22

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

相关文章

阁下可能感兴趣的内容

推荐阅读