您的位置:58编程 > AJAX数据库网页网站设计 AJAX 数据库

AJAX数据库网页网站设计 AJAX 数据库

2023-03-11 01:33 AJAX教程

AJAX数据库网页网站设计 AJAX 数据库

AJAX数据库网页网站设计

AJAX数据库网页网站设计是一种利用AJAX技术来实现数据库网页的设计方式。它可以使用户在不刷新页面的情况下,通过AJAX技术从服务器端获取数据,并将其显示在浏览器中。

AJAX数据库网页的设计步骤主要包括:

1. 创建一个HTML文件,在其中定义一个表单,用于向服务器发送请求。

2. 创建一个JavaScript文件,用于处理表单的提交事件。当表单被提交时,JavaScript将使用XMLHttpRequest对象向服务器发送请求。

3. 在服务器端创建一个PHP文件,用于处理来自客户端的请求。PHP将根据客户端传递过来的参数,从数据库中读取相应的数据并返回给客户端。

4. 最后,JavaScript将处理来自服务器端的响应,并根据所得到的数据显示在浏览器中。

AJAX 数据库

AJAX Database 实例


AJAX 可用来与数据库进行动态通信。


AJAX 数据库实例

下面的例子将演示网页如何通过 AJAX 从数据库读取信息: 请在下面的下拉列表中选择一个客户:

Example

Select a customer: Alfreds Futterkiste North/South Wolski Zajazd
Customer info will be listed here...



实例解释 - showCustomer() 函数

当用户在上面的下拉列表中选择某个客户时,会执行名为 "showCustomer()" 的函数。该函数由 "onchange" 事件触发:

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

showCustomer() 函数执行以下任务:

  • 检查是否已选择某个客户
  • 创建 XMLHttpRequest 对象
  • 当服务器响应就绪时执行所创建的函数
  • 把请求发送到服务器上的文件
  • 请注意我们向 URL 添加了一个参数 q (带有输入域中的内容)

AJAX 服务器页面

由上面的 JavaScript 调用的服务器页面是 PHP 文件,名为 "getcustomer.php"。

"getcustomer.php" 中的源代码负责对数据库进行查询,然后用 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("")
do until rs.EOF
  for each x in rs.Fields
    response.write("")
    response.write("")
  next
  rs.MoveNext
loop
response.write("
" & x.name & "" & x.value & "
")
%>
阅读全文
以上是58编程为你收集整理的AJAX数据库网页网站设计 AJAX 数据库全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
  • ajax 数据库 Ajax 数据库操作

    ajax 数据库 Ajax 数据库操作

    Ajax 数据库操作为了清楚的说明使用 Ajax 从数据库中存取信息有多么容易,我们要构建一个 MySQL 查询,然后把结果显示在 ajax.ht...

  •  AJAX ASP/PHP

    AJAX ASP/PHP

    AJAX ASP/PHP 实例AJAX 用于创造动态性更强的应用程序。ASP:即Active Server Pages,是MicroSoft公司开发的服务器端脚本环...

  • ajax面试常见问题 AJAX面试问题

    ajax面试常见问题 AJAX面试问题

    AJAX面试问题下面列出了常见的AJAX面试问题和答案。1、什么是AJAX?AJAX代表异步JavaScript和XML。它是一组用于异步显示数据...

  •  第 7 章 宏

    第 7 章 宏

    第 7 章 宏Lisp 中,宏的特性让你能用变换的方式定义操作符。宏定义在本质上,是能生成 Lisp 代码的函数 -- 一个能写程序的程序...

  • 多进程操作 第 21 章 多进程

    多进程操作 第 21 章 多进程

    第 21 章 多进程上一章展示了续延是如何使运行中的程序获知自己的状态,并且把它保存起来以便之后重新执行的。这一章将讨论一种...

  • freertos详解 卷2:第3章 FreeRTOS

    freertos详解 卷2:第3章 FreeRTOS

    FreeRTOS(读作"free-arr-toss")是一个嵌入式系统使用的开源实时操作系统。FreeRTOS被设计为“小巧,简单,和易用”,能支持许多...

  •  卷2:第6章 Git

    卷2:第6章 Git

    作者:Susan Potter,翻译:张吉原文:http://www.aosabook.org/en/git.html6.1 Git概述Git能够让不同的协作者通过一个点对点的...

© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS