全国免费热线:
AJAX 数据库实例
作者:中国IT实验室 点击:5315次 日期:2012-09-03
字号::T | T
欢迎进入Java社区论坛,与200万技术人员互动交流 >>进入

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

    AJAX 数据库实例

    下面的例子将演示网页如何通过 AJAX 从数据库读取信息:

    请在下面的下拉列表中选择一个客户:

    窗体顶端

    请选择一位客户:  Apple Computer, Inc.BAIDU, IncCanon USA, Inc.Google, Inc.Nokia CorporationSony Corporation of America

    窗体底端

    客户信息将在此处列出。

    亲自试一下源代码

    实例解释 - 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.asp?q="+str,true);

    xmlhttp.send();

    }

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

    ?   检查是否已选择某个客户

    ?   创建 XMLHttpRequest 对象

    ?   当服务器响应就绪时执行所创建的函数

    ?   把请求发送到服务器上的文件

    ?   请注意我们向 URL 添加了一个参数 q (带有输入域中的内容)

    AJAX 服务器页面

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

    用 PHP 编写服务器文件也很容易,或者用其他服务器语言。请看用 PHP 编写的相应的例子。

    "getcustomer.asp" 中的源代码负责对数据库进行查询,然后用 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 & "
")

    %>

发表评论

昵称 * 验证码 * 验证码
上一篇: >创建线程的两种方式
下一篇: >KonaKart6.3发布,Java电商软件

资质证书

CMMI Ⅲ APPRAISAL ID:30062
ISO9001:08915Q20090ROS
ISO27001:04817I20037R0S
奥远CMS:软著登字第0711164号
网站问题免费诊断

电子商务三位一体发展战略

技术研发

业务培训

实战运营

战略布局