如何用PHP+Ajax做分类列表框,具体方法是什�
Admin 2022-07-08 群英技术资�
本文实例讲述了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方法发� }
� 运行结果
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
方法�1、在middleware的“verifyCsrfTkoen.php”中添加handle函数方法,在整个项目禁用token�2、用“protected $except=['屏蔽不提交token的路�']”在屏蔽掉部分路由禁用即可�
这篇文章主要介绍了laravel框架模型中非静态方法也能静态调用的原理,结合实例形式分析了laravel模型基类中使用魔术方法实现非静态方法进行静态调用的相关原理,需要的朋友可以参考下
PHP 是解释型语言,其执行过程需先编译成中间代码,再经由特定的虚拟机,翻译成特定的指令被执行。其执行过程如下:PHP 代码 => Token => 抽象语法� => Opcodes => 执行�
php中你大概有发现require_once()不好用,但是没有深究过它为什么不好用,这篇文章从该函数的定义和用法聊聊不好用的原因,文中讲述的非常详细,对大家的学习或工作具有一定的参考价�
php中__callStatic方法的使用:1、当要调用的静态方法不存在或者权限不足时候会自动调用�2、与__call()方法相同,接受方法名和数组作为参数�
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所�
增值电信经营许可证 : B1.B2-20140078