مثال Database AJAX

AJAX می‌تواند برای ارتباط تعاملی با پایگاه داده استفاده شود.

مثال Database AJAX

در اینجا مثالی از نحوه خواندن اطلاعات از پایگاه داده توسط AJAX از طریق وب‌صفحه ارائه می‌شود:

مثال

客户信息将在此处列出。

亲自试一试


   
  if (str == \
    document.getElementById("txtHint").innerHTML = \
    return;
  }
  xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState  == 4 && this.status == 200) {
    document.getElementById("txtHint").innerHTML  = this.responseText;
    }
  };
  xhttp.open(\ str, true);
  xhttp.send();
}

showCustomer() 函数进行如下：

  • 检查是否选取客户
  • 创建 XMLHttpRequest 对象
  • 创建当服务器响应就绪时执行的函数
  • 向服务器上的文件发送请求
  • 请注意，参数 q 被添加到 URL（带有下拉列表的内容）

AJAX 服务器页面

被以上 JavaScript 调用的服务器页面是名为 \

使用 PHP 或其他服务器语言能够轻松重写该服务器文件。

请参见对应的 PHP 实例。

\

<%
response.expires=-1
sql=\
sql=sql & '
set conn=Server.CreateObject("ADODB.Connection")
set conn=Server.CreateObject("ADODB.Connection")
conn.Provider="Microsoft.Jet.OLEDB.4.0"
conn.Open(Server.Mappath("customers.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>")