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


Posted in PHP onFebruary 11, 2019

本文实例讲述了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"> </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方法发送
}

二 运行结果

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

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

PHP 相关文章推荐
php分页示例代码
Mar 19 PHP
mysql 中InnoDB和MyISAM的区别分析小结
Apr 15 PHP
php读取二进制流(C语言结构体struct数据文件)的深入解析
Jun 13 PHP
使用Linux五年积累的一些经验技巧
Jun 20 PHP
php生成二维码时出现中文乱码的解决方法
Dec 18 PHP
yii添删改查实例
Nov 16 PHP
php采用session实现防止页面重复刷新
Dec 24 PHP
PHP设计模式之观察者模式实例
Feb 22 PHP
YII框架行为behaviors用法示例
Apr 26 PHP
php使用pecl方式安装扩展操作示例
Aug 12 PHP
php使用gearman进行任务分发操作实例详解
Feb 26 PHP
laravel与thinkphp之间的区别与优缺点
Mar 02 PHP
Ajax+PHP实现的模拟进度条功能示例
Feb 11 #PHP
Ajax+Jpgraph实现的动态折线图功能示例
Feb 11 #PHP
php防止表单重复提交实例讲解
Feb 11 #PHP
stripos函数知识点实例分享
Feb 11 #PHP
PHP检查URL包含特定字符串实例方法
Feb 11 #PHP
PHP strripos函数用法总结
Feb 11 #PHP
PHP xpath()函数讲解
Feb 11 #PHP
You might like
PHP脚本的10个技巧(5)
2006/10/09 PHP
php+AJAX传送中文会导致乱码的问题的解决方法
2008/09/08 PHP
使用PHP导出Redis数据到另一个Redis中的代码
2014/03/12 PHP
PHP使用正则表达式获取微博中的话题和对象名
2015/07/18 PHP
详解PHP的Yii框架中日志的相关配置及使用
2015/12/08 PHP
ThinkPHP自定义Redis处理SESSION的实现方法
2016/05/16 PHP
PHPExcel导出2003和2007的excel文档功能示例
2017/01/04 PHP
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
2013/01/23 Javascript
浅析JavaScript基本类型与引用类型
2014/05/28 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
JavaScript实现的in_array函数
2014/08/27 Javascript
node.js中的events.emitter.once方法使用说明
2014/12/10 Javascript
ui组件之input多选下拉实现方法(带有搜索功能)
2016/07/14 Javascript
JavaScript“尽快失败”的原则实例详解
2016/10/08 Javascript
vue bus全局事件中心简单Demo详解
2018/02/26 Javascript
jquery实现搜索框功能实例详解
2018/07/23 jQuery
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
用Python操作字符串之rindex()方法的使用
2015/05/19 Python
Python中time模块与datetime模块在使用中的不同之处
2015/11/24 Python
Python for Informatics 第11章之正则表达式(四)
2016/04/21 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
python爬虫筛选工作实例讲解
2020/11/23 Python
HTML5 transform三维立方体实现360无死角三维旋转效果
2014/08/22 HTML / CSS
手机促销活动方案
2014/02/05 职场文书
致400米运动员广播稿
2014/02/07 职场文书
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
小区保洁员岗位职责
2015/04/10 职场文书
2015年初一班主任工作总结
2015/05/13 职场文书
大学生入党群众意见书
2015/06/02 职场文书
小王子读书笔记
2015/06/29 职场文书
结婚十年感言
2015/07/31 职场文书
2015年幼师个人工作总结
2015/10/15 职场文书
学习委员竞选稿
2015/11/20 职场文书
html5实现点击弹出图片功能
2021/07/16 HTML / CSS