脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → PHP编程 → php技巧 → Ajax+PHP分类列表框

Ajax+PHP实现的分类列表框功能示例

 更新时间：2019年02月11日 12:07:49   作者：chengqiuming  
这篇文章主要介绍了Ajax+PHP实现的分类列表框功能,涉及php结合ajax交互查询数据库与列表框构建相关操作技巧,需要的朋友可以参考下

本文实例讲述了Ajax+PHP实现的分类列表框功能。分享给大家供大家参考，具体如下：

一 代码

conn.php：

<?php
  $conn = mysql_connect("localhost", "root", "root") or die("连接数据库服务器失败！".mysql_error()); //连接MySQL服务器
  mysql_select_db("db_database27",$conn); //选择数据库db_database27
  mysql_query("set names utf8"); //设置数据库编码格式utf8
?>

index.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/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>添加商品信息</title>
</head>
<body>
<script language="javascript" src="index.js"></script>
<form name="form" method="post" action="">
 <table width="419" border="0" align="center" cellspacing="1" bgcolor="#9999CC">
  <tr>
   <td height="36" colspan="3" bgcolor="#FFFFFF"><font color="#0066CC" size="+2">添加商品</font></td>
  </tr>
  <tr>
   <td width="122" height="26" bgcolor="#FFFFFF" align="right">商品名称：</td>
   <td height="26" colspan="2" bgcolor="#FFFFFF"><input type="text" name="name" /></td>
  </tr>
  <tr>
   <td height="26" bgcolor="#FFFFFF" align="right">商品类别：</td>
   <td width="64" height="26" bgcolor="#FFFFFF"><select name="ptype" id="ptype" onchange="changetype(this.value)">
  <?php
   include_once("conn/conn.php");//包含数据库连接文件
 $sql=mysql_query("select * from tb_commotype group by ptype");//按大类分组查询
 while($row=mysql_fetch_array($sql)){//循环输出下拉列表框选项
  echo "<option value='".$row['ptype']."'>".$row['ptype']."</option>";
 }
 ?>
   </select></td>
   <td width="219" height="26" bgcolor="#FFFFFF" id="showtype" name="showtype"></td>
  </tr>
  <tr>
   <td height="26" bgcolor="#FFFFFF" align="right">商品价格：</td>
   <td height="26" colspan="2" bgcolor="#FFFFFF"><input type="text" name="price" /></td>
  </tr>
  <tr>
   <td height="26" bgcolor="#FFFFFF">&nbsp;</td>
   <td height="26" colspan="2" bgcolor="#FFFFFF"><input type="submit" name="Submit" value="提交" /></td>
  </tr>
 </table>
</form>
<script language="javascript">
  changetype(document.getElementById("ptype").value);//页面载入即执行函数，显示子类内容
</script>
</body>
</html>

type.php：

<?php
  include_once("conn/conn.php");//包含数据库连接文件
 //echo $_GET['ptype'];
 //$ptype=iconv("gb2312","utf-8",$_GET['ptype']);//把参数值做编码转换
 $sql=mysql_query("select stype from tb_commotype where ptype='".$_GET['ptype']."'");//查询子类内容
 echo "<select name='stype' id='stype'>";//输出html
 while($row=mysql_fetch_array($sql)){//循环输出列表框选项中子类内容
  echo "<option value='".$row['stype']."'>".$row['stype']."</option>";
 }
 echo "</select>";//输出html
?>

index.js：

function changetype(v){
 var xml;
 if(window.ActiveXObject){//如果是浏览器支持ActiveXObjext则创建ActiveXObject对象
  xml=new ActiveXObject('Microsoft.XMLHTTP');
 }else if(window.XMLHttpRequest){//如果浏览器支持XMLHttpRequest对象则创建XMLHttpRequest对象
  xml=new XMLHttpRequest();
 }
  xml.open("GET","type.php?ptype="+v,true);//使用GET方法调用type.php并传递参数的值
  xml.onreadystatechange=function(){//当服务器准备就绪执行回调函数
   if(xml.readyState==4 && xml.status==200){//如果服务器已经传回信息并未发生错误
    var msg=xml.responseText;//把服务器传回的值赋给变量msg
 //document.getElementById("showtype").innerHTML=msg;
 alert(msg);
   showtype.innerHTML=msg;//把传回的值显示在id=showtype的元素中
   }
  }
  xml.send(null);//不发送任何数据，因为数据已经使用请求URL通过GET方法发送
}

二 运行结果

更多关于PHP相关内容感兴趣的读者可查看本站专题：《PHP+ajax技巧与应用小结》、《PHP网络编程技巧总结》、《PHP基本语法入门教程》、《php面向对象程序设计入门教程》、《php字符串(string)用法总结》、《php+mysql数据库操作入门教程》及《php常见数据库操作技巧汇总》

希望本文所述对大家PHP程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • php生成随机密码的三种方法小结

    php生成随机密码的三种方法小结

    使用PHP开发应用程序，尤其是网站程序，常常需要生成随机密码，如用户注册生成随机密码，用户重置密码也需要生成一个随机的密码。
    2010-09-09
  • 不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题

    不支持fsockopen但支持culr环境下下ucenter与modoer通讯问题

    网站上线，modoer与ucenter 下不能通讯折腾了我差不多二天，开始都以为自己的配置出问题，移植了平台后就不能通讯了，修改了几次配置，都没有成功
    2011-08-08
  • PHP生成指定范围内的N个不重复的随机数

    PHP生成指定范围内的N个不重复的随机数

    今天小编就为大家分享一篇关于PHP生成指定范围内的N个不重复的随机数，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
    2019-03-03
  • PHP跨时区(UTC时间)应用解决方案

    PHP跨时区(UTC时间)应用解决方案

    解决PHP跨时区应用需要将将程序内部时区设置为UTC时间.(UTC 也可以叫 GMT) 数据库中存储UTC时间等等，感兴趣的朋友可以了解下
    2013-01-01
  • Thinkphp3.2.3整合phpqrcode生成带logo的二维码

    Thinkphp3.2.3整合phpqrcode生成带logo的二维码

    这篇文章主要为大家详细介绍了Thinkphp3.2.3整合phpqrcode生成带logo的二维码的实现方法，感兴趣的小伙伴们可以参考一下
    2016-07-07
  • php实现ip白名单黑名单功能

    php实现ip白名单黑名单功能

    本文给大家分享了2个php用于实现黑白名单的实用函数，分别是安全IP检测函数和获取客户端IP函数，注释里解释的非常清楚，这里我就不多废话了。
    2015-03-03
  • php实现scws中文分词搜索的方法

    php实现scws中文分词搜索的方法

    这篇文章主要介绍了php实现scws中文分词搜索的方法,详细介绍了scws中文分词搜索的具体步骤与相关使用技巧,并提供了scws的本站下载地址,需要的朋友可以参考下
    2015-12-12
  • php适配器模式简单应用示例

    php适配器模式简单应用示例

    这篇文章主要介绍了php适配器模式简单应用,结合实例形式分析php适配器模式原理及使用适配器模式创建的天气预报查询接口功能相关操作技巧,需要的朋友可以参考下
    2019-10-10
  • PHP中使用CURL获取页面title例子

    PHP中使用CURL获取页面title例子

    这篇文章主要介绍了PHP中使用CURL获取页面title例子,本文使用正则实现获取页面title、页面编码、<head>标签中的内容,需要的朋友可以参考下
    2015-01-01
  • 利用PHP计算有多少小于当前数字的数字方法示例

    利用PHP计算有多少小于当前数字的数字方法示例

    这篇文章主要给大家介绍了关于利用PHP计算有多少小于当前数字的数字的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2020-08-08

最新评论