全國免費熱線:
AJAX?數據庫實例
作者:中國IT實驗室 點擊:16722次 日期: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
高新技術企業:GR201753000141
網站問題免費診斷

電子商務三位一體發展戰略

技術研發

業務培訓

實戰運營

戰略布局

香港六彩特码资料网&&