AJAX ajax与数据库

来源：互联网发布：mac qingli ds store 编辑：程序博客网时间：2024/05/16 14:30

>实例分析：

<span style="font-size:14px;"><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","/ajax/getcustomer.asp?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="APPLE">Apple Computer, Inc.</option><option value="BAIDU ">BAIDU, Inc</option><option value="Canon">Canon USA, Inc.</option><option value="Google">Google, Inc.</option><option value="Nokia">Nokia Corporation</option><option value="SONY">Sony Corporation of America</option></select></label></form><br /><div id="txtHint">客户信息将在此处列出 ...</div></body></html></span>

>>函数执行过程

首先定义了一个名为showCustomer(str)的函数，有一个参数str

如果读取到的字符串为空，则直接返回，当不为空时，继续执行下面的函数体

定义了一个ajax对象，当readystate改变时，自动调用onreadystatechange事件，执行相应的操作

用.open函数声明了请求的类型

用send函数发送了请求

>服务器界面

balabala没看懂，不太熟悉php的PDO，等回过头来在搞懂吧

0 0

**AJAX** ajax与数据库

AJAX ajax与数据库