利用JS函数调用fcgi

以下介绍两种传参给fcgi程序的方式：

 

注：两例中要调用的fcgi程序名分别为fcgiGet,fcgiPost。它们都存放在apache主目录的fcgi-bin路径下

 

GET方式:

最基本的fcgi调用方式

 

var ajaxFcgi function fcgiGet(fileName) { ajaxFcgi=GetXmlHttpObject(); if(ajaxFcgi==null) { alert("您的浏览器不支持,AJAX") return; } var url="/fcgi-bin/fcgiGet?";//fcgi的存放路径,根据情况更改,"?"用来将传递的参数隔开 url=url+"fileName="+fileName;//向fcgi程序传送的参数 ajaxFcgi.onreadystatechange=stateChanged; ajaxFcgi.open("GET",url,true); ajaxFcgi.send(null); } //每当 ajaxFcgi(XMLHTTP) 对象的状态发生改变时，stateChanged() 函数就会执行。 //当状态变更为 4（“完成”）时，将fcgi返回的内容动态写入到id为"fileText"的区域内 function stateChanged() { if(ajaxFcgi.readyState==4) { document.getElementById("fileText").innerHTML=ajaxFcgi.responseText; } } function GetXmlHttpObject()//该函数的作用是解决为不同浏览器创建不同的 XMLHTTP 对象的问题 { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch(e) { try { // Internet Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }

该源码的功能是将想要读取的文件名传给fcgi程序,由fcgi程序在后台读取该文件并返回其内容。

 

POST方式:

get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制。但理论上，因服务器的不同而异。

另外get安全性非常低，post安全性较高。

var ajaxFcgi function fcgiPost(fileName,fileText) { ajaxFcgi=GetXmlHttpObject(); if(ajaxFcgi==null) { alert("您的浏览器不支持,AJAX"); return; } var url="/fcgi-bin/fcgiPost?"; ajaxFcgi.onreadystatechange=stateChanged; //从此处开始格式略有不同 ajaxFcgi.open("POST",url,true); url="fileName="fileName+"&fileText="+fileText;//构建待发送内容 ajaxFcgi.send(url);//参数可以通过此处发送，由于fileText内容可能会很大，所以用POST方法 } function stateChanged() { if(ajaxFcgi.readyState==4) { alert(ajaxFcgi.responseText);//将fcgi程序返回的内容如“保存成功！”以alert方式返回。 } } function GetXmlHttpObject() { var xmlHttp=null; try { xmlHttp=new XMLHttpRequest(); } catch(e) { try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); } } return xmlHttp; }

该源码到功能是将想要保存的fileName（文件名）和fileText(文本内容)由fcgi程序进行保存。

 

关于fcgi程序的代码格式请见:FCGI程序 代码格式（C++）