AJAX 可用来与数据库进行动态通信。
　　AJAX 数据库实例
　　下面的例子将演示网页如何通过 AJAX 从数据库读取信息：

　　请在下面的下拉列表中选择一个客户：
请选择一位客户：  Apple Computer, Inc. BAIDU, Inc Canon USA, Inc. Google, Inc. Nokia Corporation Sony Corporation of America 客户信息将在此处列出。
　　实例解释 - showCustomer() 函数
　　当用户在上面的下拉列表中选择某个客户时，会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发：

[HTML] 纯文本查看 复制代码

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","getcustomer.asp?q="+str,true);
xmlhttp.send();
}

　　showCustomer() 函数执行以下任务：
　　检查是否已选择某个客户
　　创建 XMLHttpRequest 对象
　　当服务器响应就绪时执行所创建的函数
　　把请求发送到服务器上的文件
　　请注意我们向 URL 添加了一个参数 q (带有输入域中的内容)
　　AJAX 服务器页面
　　由上面的 JavaScript 调用的服务器页面是 ASP 文件，名为 "getcustomer.asp"。
　　用 PHP 编写服务器文件也很容易，或者用其他服务器语言。
　　"getcustomer.asp" 中的源代码负责对数据库进行查询，然后用 HTML 表格返回结果：

[HTML] 纯文本查看 复制代码

<%
response.expires=-1
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="
sql=sql & "'" & request.querystring("q") & "'"

set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("/db/northwind.mdb"))
set rs=Server.CreateObject("ADODB.recordset")
rs.Open sql,conn

response.write("<table>")
do until rs.EOF
  for each x in rs.Fields
    response.write("<tr><td><b>" & x.name & "</b></td>")
    response.write("<td>" & x.value & "</td></tr>")
  next
  rs.MoveNext
loop
response.write("</table>")
%>

更多的关于ajax培训教程：
ajax培训教程1.什么是AJAX
ajax培训教程2:AJAX 实例讲解
ajax培训教程3:创建 XMLHttpRequest 对象
ajax培训教程4:向服务器发送请求
ajax培训教程5：服务器响应
ajax培训教程6：onreadystatechange 事件
ajax培训教程7：AJAX ASP/PHP 请求实例
ajax培训教程8：数据库实例
ajax培训教程9：XML 实例

　　AJAX 可用来与数据库进行动态通信。
　　AJAX 数据库实例
　　下面的例子将演示网页如何通过 AJAX 从数据库读取信息：

　　请在下面的下拉列表中选择一个客户：
请选择一位客户：  Apple Computer, Inc. BAIDU, Inc Canon USA, Inc. Google, Inc. Nokia Corporation Sony Corporation of America 客户信息将在此处列出。
　　实例解释 - showCustomer() 函数
　　当用户在上面的下拉列表中选择某个客户时，会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发：

[HTML] 纯文本查看 复制代码

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","getcustomer.asp?q="+str,true);
xmlhttp.send();
}

　　showCustomer() 函数执行以下任务：
　　检查是否已选择某个客户
　　创建 XMLHttpRequest 对象
　　当服务器响应就绪时执行所创建的函数
　　把请求发送到服务器上的文件
　　请注意我们向 URL 添加了一个参数 q (带有输入域中的内容)
　　AJAX 服务器页面
　　由上面的 JavaScript 调用的服务器页面是 ASP 文件，名为 "getcustomer.asp"。
　　用 PHP 编写服务器文件也很容易，或者用其他服务器语言。
　　"getcustomer.asp" 中的源代码负责对数据库进行查询，然后用 HTML 表格返回结果：

[HTML] 纯文本查看 复制代码

<%
response.expires=-1
sql="SELECT * FROM CUSTOMERS WHERE CUSTOMERID="
sql=sql & "'" & request.querystring("q") & "'"

set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("/db/northwind.mdb"))
set rs=Server.CreateObject("ADODB.recordset")
rs.Open sql,conn

response.write("<table>")
do until rs.EOF
  for each x in rs.Fields
    response.write("<tr><td><b>" & x.name & "</b></td>")
    response.write("<td>" & x.value & "</td></tr>")
  next
  rs.MoveNext
loop
response.write("</table>")
%>

更多的关于ajax培训教程：
ajax培训教程1.什么是AJAX
ajax培训教程2:AJAX 实例讲解
ajax培训教程3:创建 XMLHttpRequest 对象
ajax培训教程4:向服务器发送请求
ajax培训教程5：服务器响应
ajax培训教程6：onreadystatechange 事件
ajax培训教程7：AJAX ASP/PHP 请求实例
ajax培训教程8：数据库实例
ajax培训教程9：XML 实例