嵌入式Linux之我行——C+CGI+Ajax在S3C2440中的應用

liuxizhen2009發表於2014-04-22
LinuxS3
http://blog.chinaunix.net/uid-22174347-id-1786907.html

1,建立檔案test.html

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>liuxizhen</title>
  <script language="JavaScript" src="xmlhttpreq.js"></script>
 </head>
 <body>
  <h3>獲取伺服器當前時間</h3>
  <p>伺服器當前時間是：<div id="current_time"></div></p>
  <input type="button" value="提交" onclick="sender()" />
 </body>
</html>


2,建立js檔案xmlhttpreq.js

 特別注意其中的在回撥函式裡有個setTimeout，還設定客戶端的更新週期。

 

/*
 *建立非同步訪問物件
 */
function createXHR() 
{
    var xhr;

    try 
    {
        xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } 
    catch (e) 
    {
        try 
        {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(E) 
        {
            xhr = false;
        }
    }

    if (!xhr && typeof XMLHttpRequest != 'undefined') 
    {
        xhr = new XMLHttpRequest();
    }

    return xhr;
}

/*
 *非同步訪問提交處理
 */
function sender() 
{
    xhr = createXHR();

    if(xhr)
    {
        xhr.onreadystatechange=callbackFunction;
        //test.cgi後面跟個cur_time引數是為了防止Ajax頁面快取
        xhr.open("GET", "test.cgi?cur_time=" + new Date().getTime());
    
        xhr.send(null);   

 }
    else
    {
        //XMLHttpRequest物件建立失敗
        alert("瀏覽器不支援，請更換瀏覽器！");
    }
}

/*
 *非同步回撥函式處理
 */
function callbackFunction()
{
    if (xhr.readyState == 4) 
    {
        if (xhr.status == 200) 
        {
            var returnValue = xhr.responseText;
            if(returnValue != null && returnValue.length > 0)
            {

                document.getElementById("current_time").innerHTML = returnValue;
                
                setTimeout(sender, 1000);
            }
            else
            {
                alert("結果為空！");
            }
        } 
        else 
        {
            alert("頁面出現異常！");
        }
    }
}
/*
setTimeout(sender, 1000);
*/


3，建立linux下的cgi檔案

#include <stdio.h>
#include <stdlib.h>
#include <time.h>

int main(void)
{
    time_t current;
    struct tm *timeinfo;
    time(¤t);
    timeinfo = localtime(¤t);
    
    //這一句一定要加，否則非同步訪問會出現頁面異常
    printf("Content type: text/html\n\n");

    printf("%s", asctime(timeinfo));
}

生成test.cgi的可執行檔案。

將test.cgi和html，js檔案放在伺服器的www目錄下。登入伺服器檢視，時間就是變化的，可以自動更新的。

相關文章