AJAX showCustomer()

发布时间：2020-12-16 00:39:37 所属栏目：百科来源：网络整理

导读：data.php ?php header("Content-type: text/html; charset=utf-8"); $num = $_GET['q'];if ($num == 1) {echo '苹果电脑，公司';}elseif ($num == 2) {echo '百度';}elseif ($num == 3) {echo '美国佳能';}elseif ($num == 4) {echo '谷歌';} ? htmlheadscri

data.php

<?php 
header("Content-type: text/html; charset=utf-8"); 
$num = $_GET['q'];
if ($num == 1) {
	echo '苹果电脑，公司';
}elseif ($num == 2) {
	echo '百度';
}elseif ($num == 3) {
	echo '美国佳能';
}elseif ($num == 4) {
	echo '谷歌';
}

 ?>

<html>
<head>
<script type="text/javascript">
function showCustomer(str)
{
var xmlhttp;    
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  }
if (window.XMLHttpRequest)
  {// code for IE7+,Firefox,Chrome,Opera,Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6,IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","./data.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>

<form action="" style="margin-top:15px;"> 
<label>请选择一位客户：
<select name="customers" onchange="showCustomer(this.value)" style="font-family:Verdana,Arial,Helvetica,sans-serif;">
<option value="1">Apple Computer,Inc.</option>
<option value="2">BAIDU,Inc</option>
<option value="3">Canon USA,Inc.</option>
<option value="4">Google,Inc.</option>
</select>
</label>
</form>
<br />
<div id="txtHint">客户信息将在此处列出 ...</div>

</body>
</html>

效果图:

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!