gpt4 book ai didi

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

转载 作者:qq735679552 更新时间:2022-09-29 22:32:09 27 4
gpt4 key购买 nike

CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Ajax+PHP实现的分类列表框功能示例由作者收集整理,如果你对这篇文章有兴趣,记得点赞哟.

本文实例讲述了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程序设计有所帮助.

最后此篇关于Ajax+PHP实现的分类列表框功能示例的文章就讲到这里了,如果你想了解更多关于Ajax+PHP实现的分类列表框功能示例的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com