嵌入式

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

2019-07-12 16:16发布

站内文章 / 嵌入式Linux
10096 0 1047
嵌入式Linux之我行，主要讲述和总结了本人在学习嵌入式linux中的每个步骤。一为总结经验，二希望能给想入门嵌入式Linux的朋友提供方便。如有错误之处，谢请指正。 一、开发环境
  • 主  机：Fedora 9 i386
  • 开发板：友善的Mini2440，上面已经移植好了boa web服务器
  • 编译器：arm-linux-gcc-3.4.1
二、实现步骤 1. 建立一个Html网页文件。文件名：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脚本文件，这个文件实现了Ajax进行异步访问服务器。文件名：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", "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和test.cgi三个文件下载到Mini2440开发板的www目录中。（注：www目录是boa服务器的文档根目录。你可以在开发板的/etc/boa/boa.conf文件的DocumentRoot节点配置成其他的目录，那么这三个文件就下载到你配置的目录中） 5. 把开发板连接上网络，在PC机上打开浏览器并输入：http://192.168.1.230/test.html（注：这个IP地址是你的开发板的IP，还有这个网段要跟PC的网段一致），运行效果，如图: 101649_090729125221.jpg 点击提交按钮后，就会异步访问服务器端cgi程序，获取服务器端的系统时间。可以看到按钮在提交后浏览器并没有刷新就取回系统时间。运行效果图如下： 101649_090729125236.jpg 三、结束语     Ajax技术目前在B/S结构的系统中应用得非常广泛，但在嵌入式系统中应用还并不多见，本篇清晰简单地讲解了用C语言在嵌入式系统中实现Ajax应用的基本原理。当然现在Perl中有个CGI::AJAX模块，也可以实现Ajax在Linux中的应用，但要在嵌入式Linux中应用还得把Perl移植到开发板上去（不是很好移植），而且你还要学会Perl脚本语言的编写。 阅读(168) | 评论(0) | 转发(0) | 0 上一篇：根文件系统的制作（二） 下一篇：Linux内核驱动fsync机制实现图解 相关热门文章 给主人留下些什么吧！~~ 评论热议

热门文章