注册 登录
电子工程世界-论坛 返回首页 EEWORLD首页 频道 EE大学堂 下载中心 Datasheet 专题

wateras1的个人空间 http://home.eeworld.com.cn/space-uid-361439.html [收藏] [复制] [分享] [RSS]

日志

boa cgi实现ajax

已有 50 次阅读2018-10-25 10:24 |个人分类:I.MX6| boa, cgi

博客转载网上,看得测试发现一些问题,在调试中如果遇到修改了js,浏览器还是运行之前js,需要清除浏览器cookies,否则无法获取到自己的结果

主要是看到网上的一篇博客http://blog.csdn.net/fdemon/article/details/6358520#quote,照个这篇博客确实现不了正确的结果。现修改如下:

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页面缓存cgi的目录一定不能错,否则页面无法正常运行
        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\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两个文件下载到开发板的www目录中。(注:www目录是boa服务器的文档根目录。你可以在开发板的/etc/boa/boa.conf文件的DocumentRoot节点配置成其他的目录,那么这三个文件就下载到你配置的目录中)。test.cgi放在cgi-bin目录中这个目录是boa的cgi配置目录,请先确实这个目录下的cgi能够执行。

5. 把开发板连接上网络,在PC机上打开浏览器并输入:http://192.168.1.230/test.html(注:这个IP地址是你的开发板的IP,还有这个网段要跟PC的网段一致),运行效果,如图:

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

以上是复制了网友的部分内容基础上改过来的。

评论 (0 个评论)

facelist doodle 涂鸦板

您需要登录后才可以评论 登录 | 注册

小黑屋|手机版|Archiver|电子工程世界 ( 京ICP证 060456 )

GMT+8, 2018-11-21 01:38 , Processed in 0.016007 second(s), 10 queries , Gzip On, MemCache On.

Powered by EEWORLD电子工程世界

© 2018 http://bbs.eeworld.com.cn/

返回顶部