Apache2 CGI demo

1. 修改 httpd.conf 配置

ScriptAlias /cgi-bin/ "/usr/local/apache2/cgi-bin/"

</IfModule>

。。

<Directory "/usr/local/apache2/cgi-bin">
    AllowOverride None
    Options None
    Order allow,deny
    Allow from all
</Directory>

2. 测试代码

index.html

<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
                <script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
                <script type="text/javascript" src="js/test.js"></script>
        </head>
        <body>
                <form>
                        <h1>Hello Apache!</h1>
                </form>
                <form>
                        <p>Get<br>
                        Value: <input id="getValue" disabled="true"><br>
                        <input type="button" id="get_value" Value="Get">
                </form>
                <form>
                        <p>Put<br>
                        Value: <input id="postValue"><br>
                        <input type="button" id="post_value" Value="Post">
                </form>
        </body>
</html>

test.js

$(document).ready(function(){
                $("#post_value").click(function(){
                        $.ajax({
                                        type: "post",
                                        url: "cgi-bin/test.cgi",
                                        contentType: "text",
                                        dataType: "text",
                                        data:"value="+$("#postValue").val(),
                                        error: function(result) {
                                                alert("error: get data fail");
                                        },
                                        success: function(result) {
                                                $("#getValue").val(result);
                                        }
                        });
                });

$("#get_value").click(function(){
                        $.ajax({
                                        type: "get",
                                        url: "cgi-bin/test.cgi",
                                        dataType: "",
                                        data: "value",
                                        error: function(result) {
                                                alert("error: get data fail");
                                        },
                                        success: function(result) {
                                                $("#getValue").val(result);
                                        }
                        });
                });
});

test.cpp 中进行推送

生成的test.cgi 放于 /usr/local/apache2/cgi-bin/ 下

相关文章