boa cgi実現ajax


主にネット上のブログを見ていますhttp://blog.csdn.net/fdemon/article/details/6358520#quoteああ、このブログでは正しい結果が得られない.以下に変更します.
1.HtmlのWebページファイルを作成します.ファイル名:test.html <html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <title>C+CGI+Ajax S3C2440 </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.非同期アクセスサーバを実現するJavascriptスクリプトファイルを作成します.ファイル名:xmlhttpreq.js /*
 *
 */
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", "cgi-bin/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;
            }
            else
            {
                alert(" !");
            }
        } 
        else 
        {
            alert(" !");
        }
    }
}

3.サーバー側アプリケーションを作成します.ファイル名:test.c #include <stdio.h>
#include <stdlib.h>
#include <time.h>

int main(void)
{
    time_t current;
    struct tm *timeinfo;
    time(&current);
    timeinfo = localtime(&current);
    
    // ,
    printf("Content type: text/html

");

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

Fedora 9の端末コマンドラインでtestをコンパイルする.c,testを生成する.cgiファイル:
arm-linux-gcc -o test.cgi test.c
4.test.html、xmlhttpreq.jsの2つのファイルを開発ボードのwwwディレクトリにダウンロードします.(注:wwwディレクトリはboaサーバのドキュメントルートディレクトリです.開発ボードの/etc/boa/boa.confファイルのDocumentRootノードで他のディレクトリに構成すると、この3つのファイルが構成されたディレクトリにダウンロードされます).test.cgiはcgi-binディレクトリに配置されます.このディレクトリはboaのcgi構成ディレクトリです.まず、このディレクトリの下のcgiが実行できることを確認してください.
5.開発ボードをネットワークに接続し、PC機でブラウザを開き、入力:http://192.168.1.230/test.html(注:このIPアドレスはあなたの開発ボードのIPで、そしてこのセグメントはPCのセグメントと一致しなければなりません)、運行効果、例えば図:
boa cgi实现ajax_第1张图片
コミットボタンをクリックすると、サーバ側cgiプログラムに非同期でアクセスし、サーバ側のシステム時間を取得します.コミット後にブラウザがリフレッシュせずにシステム時間を取り戻すボタンが表示されます.実行効果図は次のとおりです.
boa cgi实现ajax_第2张图片
以上、ネットユーザーの一部をコピーした上で変更しました.