嵌入式Linux之我行——C+CGI+Ajax在S3C244

最新推荐文章于 2019-01-09 14:35:35 发布

转载最新推荐文章于 2019-01-09 14:35:35 发布 · 5.2k 阅读

文章标签：

#c #ajax #cgi #嵌入式 #linux #服务器

ARM-Linux 专栏收录该内容

5 篇文章

订阅专栏

本文详细讲解了如何使用C语言在嵌入式系统中实现Ajax技术，通过建立HTML网页、JavaScript脚本和服务器端应用程序，实现异步访问服务器获取实时数据，演示了从开发环境搭建到实现细节的全过程。

一、开发环境

主机：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/n/n"); 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的网段一致），运行效果，如图:

点击提交按钮后，就会异步访问服务器端cgi程序，获取服务器端的系统时间。可以看到按钮在提交后浏览器并没有刷新就取回系统时间。运行效果图如下：

三、结束语

Ajax技术目前在B/S结构的系统中应用得非常广泛，但在嵌入式系统中应用还并不多见，本篇清晰简单地讲解了用C语言在嵌入式系统中实现Ajax应用的基本原理。当然现在Perl中有个CGI::AJAX模块，也可以实现Ajax在Linux中的应用，但要在嵌入式Linux中应用还得把Perl移植到开发板上去（不是很好移植），而且你还要学会Perl脚本语言的编写。