应用Ajax技术制作分类列表框

阅读更多

一 代码

 

  

    

      
添加商品
    
    

      
商品名称：
      

    
    

      
商品类别：
      

    ".$row['ptype']."";
		}
	?>
      
      

    
    

      
商品价格：
      

    
    

      
 
      

    
  

 

";//输出html
	while($row=mysql_fetch_array($sql)){//循环输出列表框选项中子类内容
	  echo "".$row['stype']."";
	}
	echo "";//输出html
?>

 

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方法发送
}

 

二 运行结果

 

• 
• 大小: 5.2 KB

• 查看图片附件